JavaScript对象创建的几种方式及使用方法

第一种：JSON方式

格式：


var 对象名 = {

变量1: 变量1的值,

变量1: 变量1的值,

……,

函数1: function() {

函数体

},

函数2: function() {

函数体

},

……

};

说明：


（1） 大括号内直接填写变量或者函数；

（2） 对象的内容与值以冒号分隔，成对出现；

（3） 包含的变量或者函数之间以逗号分隔；

（4） 函数需要写在function(){}的大括号之内。

例子：


var对象名 = {

name: “张三”,

age: 20,

eat: function() {

alert(‘我要吃饭’);

},

sleep: function() {

alert(‘我要睡觉’);

}

};

第二种：function方式

格式：


function data() {

this.变量1=变量1的值;

this.变量2=变量2的值;

……;

this.函数1= function() {

函数体

};

this.函数2= function() {

函数体

};

……;

}

说明：


（1） 其内的变量或者函数前必需写上this关键字；

（2） 对象的内容与值以等号分隔，成对出现；

（3） 包含的变量或者函数之间以分号分隔。

（4） 函数需要写在function(){}的大括号之内。

例子：


function data() {

this.name=“张三”;

this.age=20;

this.eat=function() {

alert(‘我要吃饭’);

};

this.sleep=function() {

alert(‘我要睡觉’);

}

}

第三种：原型方式

格式：


var 对象名 = {};

对象名.prototype.变量1=变量1的值;

对象名.prototype.变量2=变量2的值;

……;

对象名.prototype.函数1= function() {

函数体

};

对象名.prototype.函数2= function() {

函数体

};

……;

说明：


（1） 初始对象体内可以不定义任何东西；

（2） 在要定义的变量前加“对象名.prototype.”的格式；

（3） 对象的内容与值以等号分隔，成对出现；

（4） 包含的变量或者函数之间以分号分隔，也可以省去分号。

（5） 函数需要写在function(){}的大括号之内。

例子：


var data = {};

data.prototype. name =“张三”;

data.prototype. age =20;

data.prototype. eat = function() {

alert(‘我要吃饭’);

};

data.prototype. sleep= function() {

alert(‘我要睡觉’);

};

第四种：create方式

该方式利用了Prototype JavaScript组件库。

格式：


var 对象名 = Class.create();

Object.extend(对象名.prototype, {

变量1: 变量1的值,

变量1: 变量1的值,

……,

函数1: function() {

函数体

},

函数2: function() {

函数体

},

……

});

说明：


（1） 对象的创建使用了Prototype库中的Class.create()函数；

（2） 对象的内容使用Prototype库中的Object.extend()函数来扩展；

（3） 被扩展的对象在传入Object.extend函数时一定要带上prototype，

（4） 扩展内容被大括号包含，其内与JSON方式的定义格式完全相同。

例子：


var data = Class.create();

Object.extend(dta.prototype, {

name: “张三”,

age: 20,

eat: function() {

alert(‘我要吃饭’);

},

sleep: function() {

alert(‘我要睡觉’);

}

});

其实，JS对象的定义还有其它的方式，你也可以用上面4种进行组合定义，这显出了JS作为动态语言的自由性。

JS对象的创建正规方法如下：

var d1 = new Data();

JS对象变量的引用方式有两种：

（1） 点号方式引用，如，data.name。

（2） 数组方式引用，如，data[‘name’]。