摘要：返回值是一個(gè)對(duì)象，如果是訪問器屬性，這個(gè)對(duì)象的屬性有和如果是數(shù)據(jù)屬性，這個(gè)對(duì)象的屬性有和。上一篇面向?qū)ο蟀鎵K之對(duì)象屬性下一篇面向?qū)ο蟀鎵K之創(chuàng)建對(duì)象

這是 javascript 面向?qū)ο蟀鎵K的第三篇文章，主要講解的是多個(gè)屬性的定義以及讀取屬性的特性。前面這幾章內(nèi)容目的在于加深對(duì)對(duì)象的理解，這樣可以利于理解后面的原型鏈以及繼承方面的知識(shí)，或者你也可以了解一下不一樣的 javascript 對(duì)象屬性的定義。

在上一篇博客中已經(jīng)講解了定義一個(gè)屬性的方法，那就是 Object.defineProperty，那么在日常開發(fā)中如果要定義多個(gè)屬性呢，該使用什么樣的方法，其實(shí)可以聯(lián)想到使用 Object.defineProperties,對(duì)，就是這個(gè)方法，ECMAScript 5 定義了 Object.defineProperties() 方法，利用這個(gè)方法可以通過描述符一次定義多個(gè)屬性。這個(gè)方法接收兩個(gè)對(duì)象參數(shù)：第一個(gè)對(duì)象是要添加和修改其屬性的對(duì)象，第二個(gè)對(duì)象的屬性與第一個(gè)對(duì)象中要添加或修改的屬性一一對(duì)應(yīng)。例如：

var book = {};
Object.defineProperties(book, {
  _year: {
    value: 2017
  },
  edition: {
    value: 1,
    writable: true,
  },
  year: {
    get: function () {
      return this._year;
    },
    set: function (newVal) {
      if (newVal > this._year) {
        this.edition += newVal - this._year;
      }
    }
  }
})
book.year = 2018;
console.log(book.edition); // 2

以上代碼在 book 對(duì)象上定義了兩個(gè)數(shù)據(jù)屬性（ _year 和 edition ）和一個(gè)訪問器屬性（ year ），這里的屬性都是在同一時(shí)間創(chuàng)建的。

一樣的，在調(diào)用 Object.defineProperties() 方法時(shí)，如果不指定， configurable 、 enumerable 和writable 特性的默認(rèn)值都是 false 。

對(duì)于讀取屬性的特性可以使用 Object.getOwnPropertyDescriptor()方法，這個(gè)方法接收兩個(gè)參數(shù)：屬性所在的對(duì)象和要讀取其描述符的屬性名稱。返回值是一個(gè)對(duì)象，如果是訪問器屬性，這個(gè)對(duì)象的屬性有 configurable 、 enumerable 、 get 和 set ；如果是數(shù)據(jù)屬性，這個(gè)對(duì)象的屬性有 configurable 、 enumerable 、 writable 和 value 。例如：

var book = {};
Object.defineProperties(book, {
  _year: {
    value: 2017
  },
  edition: {
    value: 1,
    writable: true,
  },
  year: {
    get: function () {
      return this._year;
    },
    set: function (newVal) {
      if (newVal > this._year) {
        this.edition += newVal - this._year;
      }
    }
  }
})

var descriptor1 = Object.getOwnPropertyDescriptor(book, "_year");
console.log(descriptor1.value); // 2017
console.log(descriptor1.configurable); // false
console.log(typeof descriptor1.get); // undefined

var descriptor2 = Object.getOwnPropertyDescriptor(book, "edition");
console.log(descriptor2.value); // 1
console.log(descriptor2.configurable); // false
console.log(descriptor2.writable); // true

var descriptor3 = Object.getOwnPropertyDescriptor(book, "year");
console.log(typeof descriptor3.value); // undefined
console.log(descriptor3.enumerable); // false
console.log(typeof descriptor3.get); // function
console.log(typeof descriptor3.set); // function

對(duì)于數(shù)據(jù)屬性 _year ， value 等于最初的值， configurable 是 false ，而 get 等于 undefined 。對(duì)于訪問器屬性 year ， value 等于 undefined ， enumerable 是 false ，而 get 是一個(gè)指向 getter 函數(shù)的指針。

這篇文章主要講解了定義多個(gè)屬性和讀取屬性的特性，分別使用了 Object.defineProperties() 和Object.getOwnPropertyDescriptor()方法，了解了這種定義屬性和讀取屬性的方法之后，相信你對(duì)于對(duì)象會(huì)有更加深刻地理解。

上一篇：javascript 面向?qū)ο蟀鎵K之對(duì)象屬性

下一篇：javascript 面向?qū)ο蟀鎵K之創(chuàng)建對(duì)象