摘要：面向?qū)ο罄斫鈱?duì)象和對(duì)象的描述特性面向?qū)ο竺嫦驅(qū)ο蟮恼Z言都有一個(gè)特性都有類的概念。默認(rèn)值是使用對(duì)象字面量的方式為對(duì)象添加的屬性，其的值是，的值是指定的值。同數(shù)據(jù)屬性同數(shù)據(jù)屬性讀取的時(shí)候調(diào)用函數(shù)。

Date: Updated At Oct 31, 2018 | JavaScript | 面向?qū)ο?| Author: ZhengAo |

面向?qū)ο蟮恼Z言都有一個(gè)特性 -- 都有類的概念。通過類可以創(chuàng)建一系列屬性相近，功能類似的對(duì)象。

JavaScript 中沒有類的概念，JS 有特殊的面向?qū)ο蟮募记?-通過原型的方式。每個(gè)對(duì)象都是基于一個(gè)引用類型創(chuàng)建的

首先要對(duì) Js 的對(duì)象有一個(gè)簡(jiǎn)單的認(rèn)識(shí)。Js 中的對(duì)象就是一個(gè) Key-Value 對(duì)組成的集合。

其中 Value 可以是一個(gè)基礎(chǔ)數(shù)據(jù)類型，也可以是一個(gè)引用數(shù)據(jù)類型。

Key 可以是一個(gè)任意可以轉(zhuǎn)換成字符串的類型（Js 內(nèi)部會(huì)自動(dòng)把 Key 都轉(zhuǎn)換成字符串，也可以理解成 Key 是一個(gè)字符串）

創(chuàng)建一個(gè)對(duì)象最開始（基本、沒人用）的方式就是創(chuàng)建一個(gè) Object 的實(shí)例。

創(chuàng)建之后為其添加屬性。

var person = new Object();


person.name = "Zhang San";
person.talk = function() {
    console.log("name", this.name);
}

在之后最常使用的就是通過對(duì)象字面量的方式創(chuàng)建一個(gè)新對(duì)象。

var person = {
    name: "Zhang San",
    talk: function() {
    console.log("name", this.name);
}

使用對(duì)象字面量創(chuàng)建理論上可以減少內(nèi)存的使用，提高性能，更高效（減少了創(chuàng)建實(shí)例時(shí)候的 prototype 的調(diào)用，縮短原型鏈）。開發(fā)體驗(yàn)上字面量的方式更好。

參考： 使用字面量創(chuàng)建的好處

首先要明白，Js 中的對(duì)象的屬性分為兩種： 數(shù)據(jù)屬性和訪問器屬性
Js 的屬性中有一些是使用雙中括號(hào)括起來的例如：[[Configurable]] ，這些屬性是 JS 引擎所訪問的。

數(shù)據(jù)屬性包含一個(gè)數(shù)據(jù)值的位置，可以讀取和寫入。 這個(gè)位置指的是在對(duì)象中有一個(gè)可以看到的屬性

var obj = {
    demo : 123
}

上面的 demo 就是一個(gè)數(shù)據(jù)屬性

數(shù)據(jù)屬性中有4個(gè)描述它的特性（注意區(qū)分大小寫，使用的時(shí)候是小寫開頭）

[[Configurable]]翻譯：可配置的 可以從新定義的屬性。默認(rèn)值： true。

[[Enumerable]]翻譯：可枚舉的 可以遍歷的屬性（for-in） 默認(rèn)值：true

[[Writable]]翻譯：可寫的 可以修改屬性的值。 默認(rèn)值： true

[[Value]]屬性Key對(duì)應(yīng)的值。讀取的時(shí)候從這里讀取。默認(rèn)值是undefined

??使用對(duì)象字面量的方式為對(duì)象添加的屬性，其[[Configurable]]`[[Enumerable]]`[[Writable]] 的值是true，[[Value]的值是指定的值。

??在初始化對(duì)象之后，我們會(huì)有修改它的欲望，Js 在（ES5）的時(shí)候?yàn)槲覀兲峁┝艘粋€(gè)方法用于修改這些描述特性。

修改對(duì)象屬性(A.x)的數(shù)據(jù)屬性時(shí)候，使用： Object.defineProperty(對(duì)象，對(duì)象的屬性，描述符對(duì)象) 方法。

函數(shù)名比較長(zhǎng)，理解語義記憶：

Object： 首先這是一個(gè)對(duì)象默認(rèn)的方法。

define（定義）

property（特性）

小駝峰寫法寫成： Object.defineProperty()

var person = {};

Object.defineProperty(person, name, {
    writable: false,
    value: "Zhang San"
})
console.log(person.name) // Zhang San


person.name = "Li Si"
console.log(person.name) // Zhang San

在多次調(diào)用 Object.defineProperty() 方法修改一個(gè)屬性的configurable的值的時(shí)候，一旦設(shè)置了 false就不可以再次修改。

這個(gè)方法的最小兼容為 IE9+ ，其他現(xiàn)代瀏覽器基本都可以提供這個(gè)方法（不兼容建議放棄或強(qiáng)制升級(jí)）。

什么是訪問器屬性：先看一個(gè)例子

var book = {
    _year: 2005,
    edition: 1,
}
// 注意這里的 year 不是 _year， year就是一個(gè)訪問器屬性，_year是一個(gè)數(shù)據(jù)屬性。
Object.defineProperty(book, "year", {
    get: function() { return this._year },
    set: function(newVal) { 
        this.editor += newVal - 2004 ;
        this._year = newVal;
    }
})

通過例子可以看出訪問器屬性和數(shù)據(jù)屬性非常大的區(qū)別就是

訪問器屬性不包含具體的數(shù)值，不直接顯示在對(duì)象中，不能直接通過字面量定義。

訪問器屬性有 get 和 set 方法才能為其賦值。

訪問器屬性的定義經(jīng)常會(huì)引起其他數(shù)據(jù)屬性的變化。（這就是它的一個(gè)重要作用）

至于例子中的 _year 的寫法：有的時(shí)候明確的代碼風(fēng)格可以更好的表現(xiàn)代碼的功能。比如在對(duì)象的屬性中使用 _year 代表這個(gè)屬性 只有通過對(duì)象內(nèi)部調(diào)用訪問 。

定義一個(gè)訪問器屬性，必須使用 Object.defineProperty()這個(gè)方法定義

訪問器屬性提供了4個(gè)描述特性。

[[Configurable]] 同數(shù)據(jù)屬性

[[Enumerable]] 同數(shù)據(jù)屬性

[[Get]] 讀取的時(shí)候調(diào)用函數(shù)。默認(rèn)值為：undefined

[[Set]] 設(shè)置的時(shí)候調(diào)用函數(shù)。默認(rèn)值為：undefined

get和set 不一定同時(shí)存在，存在一個(gè)表明：操作另一個(gè)的時(shí)候不會(huì)得到結(jié)果，嚴(yán)格模式會(huì)報(bào)錯(cuò)。

兼容性： IE9+

以上兩節(jié)主要說明了單個(gè)屬性描述特性的操作，批量的屬性操作可以提升語義和簡(jiǎn)化代碼。

JS 提供了可以一次性定義多個(gè)屬性的方法：使用Object.defineProperties(對(duì)象，描述對(duì)象) 方法

var book = {};

Object.defineProperties(book, {
     _year: {
        value: 2004
     },
     edition: {
        value: 1
     },
     year: {
        get: function(){
            return this._year;
        },
        set: function(newValue){
            if (newValue > 2004) {
                this._year = newValue;
                this.edition += newValue - 2004;
            }
        }
     }
}); 

Js 提供了Object.getOwnPropertyDescriptor(對(duì)象，屬性)的方法獲取指定對(duì)象的特定屬性的描述特性。

方法名記憶： 對(duì)象方法.獲取-自身的特性-描述符特性

get：獲取

own：自身的

property：特性

descriptor：描述特性

使用小駝峰鏈接：getOwnPropertyDescriptor()

未特殊指定的描述特性，它的值是默認(rèn)值。

兼容性 IE9+

《JavaScript高程》