淺談 javascript 面向?qū)ο蟪绦蛟O計

ECMA-262 把對象定義為：“無序?qū)傩缘?集合，其屬性可以包含基本值、對象或者函數(shù)”

理解對象，最簡單的方式就是通過創(chuàng)建一個 Object 的實例，然后為它添加屬性和方法

[js] view plaincopy
var person = new Object();  

        person.name = "Xulei";  

        person.age = "23";  

        person.job = "前端工程師";  

        person.sayName = function () {  

            alert(this.name);  

        }  

還可以這樣寫

[js] view plaincopy
var person = {  

            name: "xulei",  

            age: 23,  

            job: "前端工程",  

            sayName: function () {  

                alert(this.name)  

            }  

        }  

屬性類型：數(shù)據(jù)屬性和訪問其屬性

數(shù)據(jù)屬性，有4個描述其行為的特性

[Configurable]：表示能否通過 delete 刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為訪問器屬性，默認值為true

[Enumerable]：表示能否通過 for-in 返回屬性，默認值為 true

[Writable]：表示能否修改屬性，默認值為 true

[Value]：包含這個屬性的數(shù)據(jù)值。默認值為 undefined

[js] view plaincopy
var person = {  

            name: "xulei"  

        }  

這里創(chuàng)建了一個 person 對象，value 值就是 “xulei”

要修改屬性的默認特性，必須使用 ECMAScript5的Object.defineProperty (屬性所在的對象,屬性的名字,描述符對象)

描述符對象必須是 configurable、enumerable、writable、value

[js] view plaincopy
var peron = {}  

        Object.defineProperty(peron, "name", {  

            writable: false,//屬性不能被修改  

            value: "徐磊-xulei"  

        });  
        alert(peron.name);//徐磊-xulei  

        peron.name = "徐磊";  

        alert(peron.name);//徐磊-xulei  

以上操作在非嚴格模式下賦值操作會被忽略，如果在嚴格模式下會拋出異常

一旦把屬性定義為不可配置的就不能把它變回可配置的了。

在多數(shù)情況下都沒有必要利用 Object.defineProperty() 方法提供的這些高級功能。但是對理解 javascript 非常有用。

建議讀者不要在 ie8 上使用此方法。

訪問其屬性，有4個特性

[Configurable]:表示能否通過 delete 刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為訪問器屬性，默認值為 true

[Enumerable]:表示能否通過 for-in 返回屬性，默認值為 true