第一種：JSON方式/對象直接量
格式：
var 對象名 = {
變量1: 變量1的值,
變量1: 變量1的值,
……,
函數(shù)1: function() {
函數(shù)體
},
函數(shù)2: function() {
函數(shù)體
}//Note:最后的逗號要去除為了和IE兼容。
};
說明：
（1） 大括號內(nèi)直接填寫變量或者函數(shù)；
（2） 對象的內(nèi)容與值以冒號分隔，成對出現(xiàn)；
（3） 包含的變量或者函數(shù)之間以逗號分隔；
（4） 函數(shù)需要寫在function(){}的大括號之內(nèi)。
例子：
var 對象名 = {
name: “Vicky”,
age: 26,
eat: function() {
alert(‘I wanna eat meat');
},
sleep: function() {
alert(‘I wanna sleep');
}
};
注釋：類似的方式也叫做匿名類
匿名類舉例：
{
index: '//',
reg: new RegExp('^//.*$'),
css: "comment"
}
上面的方式創(chuàng)建了類，只是沒賦給一個變量而已。
第二種：function方式
格式：
function data() {
this.變量1=變量1的值;
this.變量2=變量2的值;
……;
this.函數(shù)1= function() {
函數(shù)體
};
this.函數(shù)2= function() {
函數(shù)體
};
}
說明：
（1） 其內(nèi)的變量或者函數(shù)前必需寫上this關鍵字；
（2） 對象的內(nèi)容與值以等號分隔，成對出現(xiàn)；
（3） 包含的變量或者函數(shù)之間以分號分隔。
（4） 函數(shù)需要寫在function(){}的大括號之內(nèi)。
例子：
function data() {
this.name=“Vicky””;
this.age=26;
this.eat=function() {
alert(‘I wanna eat meat');
};
this.sleep=function() {
alert(‘I wanna sleep');
};
}
第三種：原型方式
格式：
var 對象名 = {};
對象名.prototype.變量1=變量1的值;
對象名.prototype.變量2=變量2的值;
……;
對象名.prototype.函數(shù)1= function() {
函數(shù)體
};
對象名.prototype.函數(shù)2= function() {
函數(shù)體
};
……;
說明：
（1） 初始對象體內(nèi)可以不定義任何東西；
（2） 在要定義的變量前加“對象名.prototype.”的格式；
（3） 對象的內(nèi)容與值以等號分隔，成對出現(xiàn)；
（4） 包含的變量或者函數(shù)之間以分號分隔，也可以省去分號。
（5） 函數(shù)需要寫在function(){}的大括號之內(nèi)。
例子：
var data = {};
data.prototype. name ="Vicky”;
data.prototype. age =20;
data.prototype. eat = function() {
alert(‘I wanna eat meat');
};
data.prototype. sleep= function() {
alert(‘I wanna sleep');
};
第四種：create方式
該方式利用了Prototype JavaScript組件庫。
格式：
var 對象名 = Class.create();
Object.extend(對象名.prototype, {
變量1: 變量1的值,
變量1: 變量1的值,
……,
函數(shù)1: function() {
函數(shù)體
},
函數(shù)2: function() {
函數(shù)體
},
……
});
說明：
（1） 對象的創(chuàng)建使用了Prototype庫中的Class.create()函數(shù)；
（2） 對象的內(nèi)容使用Prototype庫中的Object.extend()函數(shù)來擴展；
（3） 被擴展的對象在傳入Object.extend函數(shù)時一定要帶上prototype，
（4） 擴展內(nèi)容被大括號包含，其內(nèi)與JSON方式的定義格式完全相同。
例子：
var data = Class.create();
Object.extend(dta.prototype, {
name: "Vicky",
age: 20,
eat: function() {
alert(‘I wanna eat meat');
},
sleep: function() {
alert(‘I wanna sleep');
}
});
其實，JS對象的定義還有其它的方式，你也可以用上面4種進行組合定義，這顯出了JS作為動態(tài)語言的自由性。
JS對象的創(chuàng)建正規(guī)方法如下：
var d1 = new Data();
JS對象變量的引用方式有兩種：
（1） 點號方式引用，如，data.name。
（2） 數(shù)組方式引用，如，data[‘name']。

最新評論