面向?qū)ο蟮某绦蛟O(shè)計——理解對象

xiyang 發(fā)布于2019-08-22 16:40 / 406人閱讀

摘要：面向?qū)ο蟮某绦蛟O(shè)計把對象定義為無須屬性的集合，其屬性可以包含基本值對象或者函數(shù)。接收三個參數(shù)屬性所在的對象，屬性的名字和一個描述符對象。描述符對象必須是，，，。

面向?qū)ο蟮某绦蛟O(shè)計

ECMA-262 把對象定義為：無須屬性的集合，其屬性可以包含基本值、對象或者函數(shù)。

理解對象

var person = new Object();        //創(chuàng)建對象
person.name = "Nicholas";        //添加屬性
person.age = 29;
person.job = "teacher";
person.sayName = function(){    //添加方法，this 表示當前作用域下的對象；this 表示new Objecy() 實例化出來的那個對象；this 要放在一個作用域下，比如person.sayName()是person 下的方法，方法可用this 表示方法本身。
    alert(this.name);
};

屬性類型

ECMAScript 中有兩種屬性：數(shù)據(jù)屬性和訪問器屬性，它們不能在JavaScript 中直接訪問，規(guī)范把它們放在了兩對[[]]中間，如：[[Enumerable]]。

數(shù)據(jù)屬性
數(shù)據(jù)屬性是包含一個數(shù)據(jù)值的屬性，在這個位置可以讀取和寫入值。4個特性
[[Configurable]]：表示能否通過delete刪除屬性、能否修改屬性的特性，能否把屬性修改為訪問器屬性。默認true。
[[Enumerable]：表示能通過for-in循環(huán)返回屬性。默認true。
[[Writable]]：表示能否修改屬性值。默認true。
[[Value]]：包含這個屬性的數(shù)據(jù)值。默認undefined。
例：

var person = {
    name: "Nicholas"        //[[Value]]的特性將這里設(shè)置為"Nicholas"，對這個值的任何修改都講反應(yīng)在這里。
};

要修改默認特性，要使用Object.defineProperty()方法。接收三個參數(shù)：屬性所在的對象，屬性的名字和一個描述符對象。描述符對象必須是configurable，enumerable，writable，value。
例：

var person = {};
Object.defineProperty(person,"name",{        //person：屬性所在的對象；name：屬性名；花括號內(nèi)是描述符對象
    writable: false,            //只讀模式，true寫入模式
    value: "Nicholas"
});
person.name = "zhangsan";
alert(person.name);                //打印"Nicholas" 因為這邊是只讀模式

在調(diào)用Object.defineProperty()時如果不指定configurable，enumerable，writable，默認都是false。

訪問器屬性
訪問器屬性不包含數(shù)據(jù)值，它們包含一對getter和setter函數(shù)。
getter：讀取訪問器屬性調(diào)用
setter：寫入訪問器屬性調(diào)用
4個特性：
[[Configurable]]：表示能否通過delete刪除屬性、能否修改屬性的特性，能否把屬性修改為訪問器屬性。默認true。
[[Enumerable]：表示能通過for-in循環(huán)返回屬性。默認true。
[[getter]]：讀取訪問器屬性調(diào)用，默認undefined。
[[setter]]：寫入訪問器屬性調(diào)用，默認undefined。