码迷,mamicode.com
首页 > 编程语言 > 详细

创建JAVASCRIPT对象3种方法

时间:2017-04-08 11:07:07      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:obj   alert   name   this   method   function   class   property   简化   

创建JAVASCRIPT对象3种方法

 

方法一:直接定义并创建对象实例

var obj = new Object();    //创建对象实例

//添加属性obj.num = 5;   //添加属性

obj.fn = function( cin ){ return cin;}    //添加方法

 

访问对象的方法:objectName.methodName()

访问对象的属性:objectName.propertyName

方法二:用函数来定义对象然后创建对象实例

function Class(){

    //添加属性

    this.val = 1;

    //添加方法

    this.fn = function(){

        return ‘fn‘;        

    }

}

var obj = new Class(); //创建对象实例

访问对象的方法:objectName.methodName()

访问对象的属性:objectName.propertyName

方法三:literals 直接创建对象实例

literals创建对象实例是一种简化方法.

var obj = {};  //创建空对象

var obj = {

    num : ‘2‘,   //这是设置对象属性

    fn : function(){

        ....//这是设置对象方法   

    }

}

访问对象的方法:objectName.methodName()

访问对象的属性:objectName.propertyName

 

 --- 测试实例

function www()
{
var temp = {a:"a",b:"b",c:"c",fn:function(){
alert("fn");
}};

alert(temp.b);  //b

alert(temp["a"]); //a

temp.fn(); //fn

temp["fn"](); //fn
}

通过对象名.属性名 , 对象名.方法名() 可以进行访问

通过对象名["属性名"] , 对象名["方法名"]() 也可以进行访问

 

创建JAVASCRIPT对象3种方法

标签:obj   alert   name   this   method   function   class   property   简化   

原文地址:http://www.cnblogs.com/feihusurfer/p/6681023.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!