创建JAVASCRIPT对象3种方法

Posted 2020-09-09 .NET 技术交流

创建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
}

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

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