淺談javascript物件導向程式設計,物件導向程式設計
ECMA-262把對象定義為:“無序屬性的 集合,其屬性可以包含基本值、對象或者函數”
理解對象,最簡單的方式就是通過建立一個Object的執行個體,然後為它添加屬性和方法
複製代碼 代碼如下:
var person = new Object();
person.name = "Xulei";
person.age = "23";
person.job = "前端工程師";
person.sayName = function () {
alert(this.name);
}
還可以這樣寫
複製代碼 代碼如下:
var person = {
name: "xulei",
age: 23,
job: "前端工程",
sayName: function () {
alert(this.name)
}
}
一、屬性類型:資料屬性和訪問其屬性
1、資料屬性,有4個描述其行為的特性
[Configurable]:表示能否通過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或者能否把屬性修改為訪問器屬性,預設值為true
[Enumerable]:表示能否通過for-in返回屬性,預設值為true
[Writable]:表示能否修改屬性,預設值為true
[Value]:包含這個屬性的資料值。預設值為undefined
複製代碼 代碼如下:
var person = {
name: "xulei"
}
這裡建立了一個person對象,value值就是“xulei”
要修改屬性的預設特性,必須使用ECMAScript5的Object.defineProperty(屬性所在的對象,屬性的名字,描述符對象)
描述符對象必須是configurable、enumerable、writable、value
複製代碼 代碼如下:
var peron = {}
Object.defineProperty(peron, "name", {
writable: false,//屬性不能被修改
value: "徐磊-xulei"
});
alert(peron.name);//徐磊-xulei
peron.name = "徐磊";
alert(peron.name);//徐磊-xulei
以上操作在非strict 模式下賦值操作會被忽略,如果在strict 模式下會拋出異常
一旦把屬性定義為不可配置的就不能把它變回可配置的了。
在多數情況下都沒有必要利用Object.defineProperty()方法提供的這些進階功能。但是對理解javascript非常有用。
建議讀者不要在ie8上使用此方法。
2、訪問其屬性,有4個特性
[Configurable]:表示能否通過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或者能否把屬性修改為訪問器屬性,預設值為true
[Enumerable]:表示能否通過for-in返回屬性,預設值為true
[Get]:在讀取時調用的函數
[Set]:在寫入屬性時調用的函數