在JS中,創建對象(Create Object)並不完全是我們時常說的創建類對象,JS中的對象強調的是一種複合類型,JS中創建對象及對對象的訪問是極其靈活的。
JS物件是一種複合類型,它允許你透過變數名稱儲存和訪問,換一種思路,物件是一個無序的屬性集合,集合中的每一項都由名稱和值組成(聽起來是不是很像我們常聽到的HASH表、字典、健/值對?
一、由一對大括號括起來
複製代碼代碼如下:
var emptyObj = {};
var myObj =
{
'id': 1, //屬性名稱用引號括起來,屬性間由逗號隔開
'name': 'myName'
};
//var m = new myObj(); //不支持
不知你注意到對像都是用var 聲明的沒有,像上面的程式碼,就只是簡單的聲明一個對象,它只有一份拷貝,你不能像實例化類對像一樣對它採用new操作,像上面代碼的註釋部分。這樣就極大的限制了物件的重複使用,除非你建立的物件只需要一份拷貝,否則考慮用其他方法建立物件。
下面一起看看如何存取物件的屬性和方法。
複製代碼代碼如下:
var myObj =
{
'id': 1,
'fun': function() {
document.writeln(this.id + '-' + this.name);//以"物件.屬性"方式訪問
},
'名': 'myObj',
'fun1': function() {
document.writeln(this['id'] + '+' + this['name']);//以集合方式訪問
}
};
myObj.fun();
myObj.fun1();
// 結果
// 1-myObj 1+myObj
二、用function 關鍵字模擬class
在function 中用this 引用目前對象,透過對屬性的賦值來宣告屬性。如果用var宣告變量,則該變數為局部變量,只允許在類別定義中呼叫。
複製代碼代碼如下:
function myClass() {
this.id = 5;
this.name = 'myclass';
this.getName = function() {
return this.name;
}
}
var my = new myClass();
alert(my.id);
alert(my.getName());
// 結果
// 5
// myclass
三、在函數體中創建一個對象,聲明其屬性再返回
在函數體中建立物件可利用第一點的方法,或先new Object(); 再為各屬性賦值。
不過用這種方式建立的物件在VS2008 SP1中是沒有智慧提示的。
複製代碼代碼如下:
function myClass() {
var obj =
{
'id':2,
'name':'myclass'
};
return obj;
}
function _myClass() {
var obj = new Object();
obj.id = 1;
obj.name = '_myclass';
return obj;
}
var my = new myClass();
var _my = new _myClass();
alert(my.id);
alert(my.name);
alert(_my.id);
alert(_my.name);
// 結果
// 2
// myclass
// 1
// _myclass