摘要：枚舉對(duì)象的屬性第二種情況設(shè)置為，可以被枚舉。內(nèi)置對(duì)象訪問器屬性方法介紹摘自方法返回指定對(duì)象上一個(gè)自有屬性對(duì)應(yīng)的屬性描述符。對(duì)象中存在的屬性描述符主要有數(shù)據(jù)描述符和訪問器描述符兩種返回傳遞給函數(shù)的對(duì)象參考中的

對(duì)象是無序?qū)傩缘募?/pre>
創(chuàng)建自定義對(duì)象最簡(jiǎn)單的方式就是以字面量的形式創(chuàng)建對(duì)象（或創(chuàng)建一個(gè)Object實(shí)例），然后再為它添加屬性和方法，如下所示：
var person = {
  name: "Nicholas",
  age: 29,
  sayHi: function() {
    console.log(this.name);
  }
}
但是我們需要定義對(duì)象中的某個(gè)屬性能否修改，能夠重寫等屬性，那我們應(yīng)該如何定義
2. 內(nèi)置屬性—數(shù)據(jù)屬性
Object.defineProperty()方法介紹(摘自MDN)
Object.defineProperty() 方法會(huì)直接在一個(gè)對(duì)象上定義一個(gè)新屬性，或者修改一個(gè)對(duì)象的現(xiàn)有屬性，并返回這個(gè)對(duì)象
語法：Object.defineProperty(obj, prop, descriptor)
參數(shù)：
（1）obj：需要被操作的目標(biāo)對(duì)象
（2）prop：目標(biāo)對(duì)象需要定義或修改的屬性的名稱
（3）descriptor：將被定義或修改的屬性的描述符
返回：被傳遞給函數(shù)的對(duì)象
2.1 configurable屬性
是否可以刪除目標(biāo)屬性或是否可以再次修改屬性的特性（writable, configurable, enumerable）。默認(rèn)為false
設(shè)置為true可以被刪除或可以重新設(shè)置特性；
  設(shè)置為false，不能被可以被刪除或不可以重新設(shè)置特性，只能將writable從true置為false
一旦把屬性定義為不可配置的，就不能再把它便會(huì)可配置的，這一點(diǎn)很重要
主要起到數(shù)據(jù)的保護(hù)作用，決定了目標(biāo)屬性是否可以使用delete刪除，是否可以再次設(shè)置特性
//-----------------測(cè)試目標(biāo)屬性是否能被刪除------------------------
  var obj = {}
  
  // 第一種情況：configurable設(shè)置為true，可以被刪除。
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    configurable: true
  });
  // 刪除屬性
  delete obj.newKey;
  console.log( obj.newKey ); //undefined
  
  // 第二種情況：configurable設(shè)置為false，不能被刪除。
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    configurable: false
  });
  // 刪除屬性
  delete obj.newKey;
  console.log( obj.newKey ); //hello
  
//-----------------測(cè)試是否可以再次修改特性------------------------
  var obj = {}
  
  //第一種情況：configurable設(shè)置為false，不能再次修改特性。
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    writable: false,
    enumerable: false,
    configurable: false
  });
  //重新修改特性
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    writable: true,
    enumerable: true,
    configurable: true
  });
  console.log( obj.newKey ); //報(bào)錯(cuò)：Uncaught TypeError: Cannot redefine property: newKey
  
  //第二種情況：configurable設(shè)置為true，可以再次修改特性。
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    writable: false,
    enumerable: false,
    configurable: true
  });
  //重新修改特性
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    writable: true,
    enumerable: true,
    configurable: true
  });
  console.log( obj.newKey ); //hello
2.2 enumerable 屬性
此屬性是否可以被枚舉（使用for...in或Object.keys()）默認(rèn)為false
設(shè)置為true可以被枚舉；設(shè)置為false，不能被枚舉
  var obj = {}
  
  // 第一種情況：enumerable設(shè)置為false，不能被枚舉。
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    writable: false,
    enumerable: false
  });
  // 枚舉對(duì)象的屬性
  for( var attr in obj ){
    console.log( attr );  // undefined
  }
  
  // 第二種情況：enumerable設(shè)置為true，可以被枚舉。
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    writable: false,
    enumerable: true
  });
  // 枚舉對(duì)象的屬性
  for( var attr in obj ){
  console.log( attr );  //newKey
  }
2.3 value 屬性
屬性對(duì)應(yīng)的值,可以是任意類型的值，默認(rèn)為undefined；
  var obj = {}
  // 第一種情況：不設(shè)置value屬性
  Object.defineProperty(obj, "key", {});
  console.log( obj.key );  //undefined
  
  // 第二種情況：設(shè)置value屬性
  Object.defineProperty(obj, "key", {
    value: "hello"
  });
  console.log( obj.key );  //hello
  
  // 同字面定義的數(shù)據(jù)值對(duì)應(yīng)
2.4 writable 屬性
屬性的值是否可以被重寫。默認(rèn)為false
設(shè)置為true可以被重寫；設(shè)置為false，不能被重寫
  var obj = {}
  
  // 第一種情況：writable設(shè)置為false，不能重寫。
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    writable: false
  });
  // 更改newKey的值
  obj.newKey = "change value";
  console.log( obj.newKey );  //hello
  
  // 第二種情況：writable設(shè)置為true，可以重寫
  Object.defineProperty(obj, "newKey", {
    value: "hello",
    writable: true
  });
  // 更改newKey的值
  obj.newKey = "change value";
  console.log( obj.newKey );  //change value
2.5 默認(rèn)值理解（重點(diǎn)）
在調(diào)用 Object.defineProperty 方法給對(duì)象添加屬性時(shí)，如果不指定，configurable、enumerable、writable這些值都為默認(rèn)的false
==> 使用 Object.getOwnPropertyDescriptor() 方法來查看對(duì)象的內(nèi)置屬性
  var obj = {};
  
  // 第一種情況：使用 Object.defineProperty() 定義屬性
  Object.defineProperty(obj, "key", {
    value: "hello"
  });
  Object.getOwnPropertyDescriptor(obj, "key");
  // {value: "hello", writable: false, enumerable: false, configurable: false}
  
  // 第二種情況：字面量方式
  obj.key = "hello";
  Object.getOwnPropertyDescriptor(obj, "key");
  // {value: "hello", writable: true, enumerable: true, configurable: true}
2.6 數(shù)據(jù)屬性總結(jié)

configurable: 目標(biāo)屬性是否可以被刪除或是否可以再次修改特性 true | false
enumerable: 目標(biāo)屬性是否可以被枚舉。true | false
value: 設(shè)置屬性的值 undefined
writable: 值是否可以重寫。true | false

3. 內(nèi)置對(duì)象—訪問器屬性
Object.getOwnPropertyDescriptor()方法介紹(摘自MDN)
Object.getOwnPropertyDescriptor() 方法返回指定對(duì)象上一個(gè)自有屬性對(duì)應(yīng)的屬性描述符。（自有屬性指的是直接賦予該對(duì)象的屬性，不需要從原型鏈上進(jìn)行查找的屬性）
語法：Object.getOwnPropertyDescriptor(obj, prop)
參數(shù)：
（1）obj：需要被操作的目標(biāo)對(duì)象
（2）prop：目標(biāo)對(duì)象內(nèi)屬性名稱（String類型）
返回：如果指定的屬性存在于對(duì)象上，則返回其屬性描述符對(duì)象（property descriptor），否則返回 undefined
3.1 configurable 屬性
參照數(shù)據(jù)屬性中的configurable屬性
3.2 enumerable 屬性
參照數(shù)據(jù)屬性中的enumerable屬性
3.3 get 方法
在讀取屬性是調(diào)用的函數(shù)，默認(rèn)值為undefined
  var obj = {}, value = "hello";
  
  Object.defineProperty(obj, "key", {
    get: function() {
      console.log("獲取obj.key的值上下文");
      return value;
    }
  });
  
  console.log(obj.key); // "獲取obj.key的值上下文" hello
  obj.key = "new value";
  console.log(obj.key); // "獲取obj.key的值上下文" hello
3.4 set 方法
在寫入屬性時(shí)調(diào)用的函數(shù)，默認(rèn)值為undefined
  // 一般不會(huì)多帶帶為屬性設(shè)置set而不設(shè)置get
  var obj = {}, value = "hello";
  Object.defineProperty(obj, "key", {
    set: function(val) {
      console.log("設(shè)置obj.key的值上下文");
    }
  });
  
  obj.key = "new value"; // "獲取obj.key的值上下文"
  console.log(obj.key); // undefined
不一定非要同時(shí)指定getter和setter。只指定getter意味著屬性是不能寫，嘗試寫入屬性會(huì)被忽略。在嚴(yán)格模式下，嘗試寫入只指定getter函數(shù)的屬性會(huì)拋出錯(cuò)誤。類似的，只指定setter函數(shù)的屬性也不能讀，否則在非嚴(yán)格模式下會(huì)返回undefined，而在嚴(yán)格模式下會(huì)拋出錯(cuò)誤。
  var book = {
    _year: 2004,
    edition: 1 };
  Object.defineProperty(book, "year", {
      get: function() {
        return this._year;
      },
      set: function(newValue) {
        if (newValue > 2004) {
          this._year = newValue;
          this.edition += newValue - 2004;
        }
      }
  });
  book.year = 2005; alert(book.edition); //2
使用訪問器屬性的常見方式，即設(shè)置一個(gè)屬性的值會(huì)導(dǎo)致其他屬性發(fā)生變化
3.5 數(shù)據(jù)和視圖聯(lián)動(dòng)(重點(diǎn))
給對(duì)象o定義新的屬性b，并且定義屬性b的get和set方法，當(dāng)o.b的時(shí)候會(huì)調(diào)用b屬性的get方法，給b屬性賦值的時(shí)候，會(huì)調(diào)用set方法，這就是修改數(shù)據(jù)的時(shí)候，視圖會(huì)自動(dòng)更新的關(guān)鍵前端獲取數(shù)據(jù)后，需要根據(jù)數(shù)據(jù)操作dom，視圖變化后，需要修改不少代碼，有沒有方法將數(shù)據(jù)和dom操作隔離，看一個(gè)例子
  
  

  
你好，
  

  
  // 視圖控制器
  var userInfo = {};
  Object.defineProperty(userInfo, "nickName", {
    get: function(){
      return document.getElementById("nickName").innerHTML;
    },
    set: function(nick){
      document.getElementById("nickName").innerHTML = nick;
    }
  });
  Object.defineProperty(userInfo, "introduce", {
    get: function(){
      return document.getElementById("introduce").innerHTML;
    },
    set: function(introduce){
      document.getElementById("introduce").innerHTML = introduce;
    }
  });
  
  // 數(shù)據(jù)
  // todo 獲取用戶信息的代碼
  // ....
  userInfo.nickName = "xxx";
  userInfo.introduce = "我是xxx，我來自云南，..."
訪問器屬性是實(shí)現(xiàn)MVVM框架的核心原理哦~
4. 定義多個(gè)屬性
Object.defineProperties() 方法直接在一個(gè)對(duì)象上定義新的屬性或修改現(xiàn)有屬性，并返回該對(duì)象
語法：Object.defineProperties(obj, props)
  參數(shù)：
  （1）obj：在其上定義或修改屬性的對(duì)象
  （2）props：要定義其可枚舉屬性或修改的屬性描述符的對(duì)象。對(duì)象中存在的屬性描述符主要有數(shù)據(jù)描述符和訪問器描述符兩種
  返回：傳遞給函數(shù)的對(duì)象
  var obj = {};
  Object.defineProperties(obj, {
    "property1": {
      value: true,
      writable: true
    },
    "property2": {
      value: "Hello",
      writable: false
    }
    // etc. etc.
  });
參考：
Javascript中的Object.defineProperty
MDN Object.defineProperty
MDN Object.getOwnPropertyDescriptor