JavaScript 中 Object.defineProperty 的使用

mcterry 發(fā)布于2019-08-21 10:37 / 2701人閱讀

摘要：一旦目標(biāo)對(duì)象訪問該屬性，就會(huì)調(diào)用這個(gè)方法，并返回結(jié)果。如果為，則任何嘗試刪除目標(biāo)屬性或修改屬性以下特性的行為將被無效化，默認(rèn)為。語法參數(shù)目標(biāo)對(duì)象要為目標(biāo)對(duì)象添加的屬性，其中和分別代表中的第二和第三個(gè)參數(shù)。

Object.defineProperty

The Object.defineProperty() method defines a new property directly on an object, or modifies an existing property on an object, and returns the object.

直接在一個(gè)對(duì)象上定義一個(gè)新的屬性，或修改一個(gè)已經(jīng)存在的屬性。這個(gè)方法會(huì)返回該對(duì)象。

語法

Object.defineProperty(obj, prop, descriptor)

參數(shù)

Object obj 目標(biāo)對(duì)象

String prop 需要定義的屬性

Object descriptor 該屬性擁有的特性，可設(shè)置的值有：

value 屬性的值，默認(rèn)為 undefined。

writable 該屬性是否可寫，如果設(shè)置成 false，則任何對(duì)該屬性改寫的操作都無效（但不會(huì)報(bào)錯(cuò)），默認(rèn)為 false。

get 一旦目標(biāo)對(duì)象訪問該屬性，就會(huì)調(diào)用這個(gè)方法，并返回結(jié)果。默認(rèn)為 undefined。

set 一旦目標(biāo)對(duì)象設(shè)置該屬性，就會(huì)調(diào)用這個(gè)方法。默認(rèn)為 undeinfed。

configurable 如果為false，則任何嘗試刪除目標(biāo)屬性或修改屬性以下特性（writable, configurable, enumerable）的行為將被無效化，默認(rèn)為 false。

enumerable 是否能在for...in循環(huán)中遍歷出來或在Object.keys中列舉出來。默認(rèn)為 false。

注意

在 descriptor 中不能同時(shí)設(shè)置訪問器 (get 和 set) 和 wriable 或 value，否則會(huì)報(bào)以下錯(cuò)誤：

Invalid property.  A property cannot both have accessors and be writable or have a value

實(shí)際應(yīng)用

我們知道，在 Express.js 升級(jí)到 4.0 之后，它把很多功能從核心庫中移除了。當(dāng)我們?cè)L問那些被移除的屬性時(shí)，它會(huì)報(bào)錯(cuò)，告訴我們?cè)搶傩砸呀?jīng)被移除了。這個(gè)功能就是通過 Object.defineProperty 來實(shí)現(xiàn)的。看看源碼吧：

[
  "json",
  "urlencoded",
  "bodyParser",
  "compress",
  "cookieSession",
  "session",
  "logger",
  "cookieParser",
  "favicon",
  "responseTime",
  "errorHandler",
  "timeout",
  "methodOverride",
  "vhost",
  "csrf",
  "directory",
  "limit",
  "multipart",
  "staticCache",
].forEach(function (name) {
  Object.defineProperty(exports, name, {
    get: function () {
      throw new Error("Most middleware (like " + name + ") is no longer bundled with Express and must be installed separately. Please see https://github.com/senchalabs/connect#middleware.");
    },
    configurable: true
  });
});

Object.defineProperties

The Object.defineProperties() method defines new or modifies existing properties directly on an object, returning the object.

和 Object.defineProperty 類似，只不過這個(gè)方法可以設(shè)置多個(gè)屬性。

語法

Object.defineProperties(obj, props)

參數(shù)

Object obj 目標(biāo)對(duì)象

Object props 要為目標(biāo)對(duì)象添加的屬性，其中 key 和 value 分別代表 Object.defineProperty 中的第二和第三個(gè)參數(shù)。

出處

https://scarletsky.github.io/2015/08/18/Object-learning-in-javascript/

參考資料

http://www.cnblogs.com/rubylouvre/archive/2010/09/19/1831128.html
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object
https://github.com/strongloop/express/blob/master/lib/express.js