對(duì)象的屬性類型

JavaScript 中的對(duì)象的屬性包括數(shù)據(jù)屬性和訪問(wèn)器屬性，在 JavaScript 引擎的內(nèi)部實(shí)現(xiàn)中定義了用于描述屬性（property）的特性（attribute）。規(guī)范中將特性放在了兩對(duì)方括號(hào)中以此表示它們是內(nèi)部值，在 JavaScript 中不能直接訪問(wèn)這些特性。

數(shù)據(jù)屬性

數(shù)據(jù)屬性的特性包括：

• [[Configurable]]：表示能否通過(guò) delete 刪除屬性從而重新定義屬性；能否修改屬性的特性；或能否把屬性修改為訪問(wèn)器屬性。默認(rèn)值為 true。
• [[Enumerable]]：表示能否通過(guò) for-in 循環(huán)返回屬性。默認(rèn)值為 true。
• [[Writable]]：表示能夠修改屬性的值。默認(rèn)值為 true。
• [[Value]]：包含這個(gè)屬性的數(shù)據(jù)值。讀取屬性值的時(shí)候從這個(gè)位置讀，寫入屬性值的時(shí)候把新值保存在這個(gè)位置。默認(rèn)值為 undefined。

修改屬性的特性

由于屬性的特性不能直接訪問(wèn)，因此要修改屬性的特性需要使用 Object.defineProperty() 方法。

var person = new Object(); Object.defineProperty(person, 'name', {configurable: false,writable: false,value: 'Nicholas' });console.log(person.name); // Nicholas person.name = 'Greg'; console.log(person.name); // Nicholas delete person.name; console.log(person.name); // Nicholas

在調(diào)用 Object.defineProperty() 方法時(shí)，如果不指定， [[Configurable]]、 [[Enumerable]]、 [[Writable]] 特性的默認(rèn)值都為 false。

注：嚴(yán)格模式下，對(duì)只讀的屬性進(jìn)行賦值操作會(huì)導(dǎo)致拋出錯(cuò)誤；對(duì)不可配置的屬性調(diào)用 delete 也會(huì)導(dǎo)致錯(cuò)誤。一旦將屬性修改為不可配置后再調(diào)用 Object.defineProperty() 方法修改除 [[Writable]] 之外的特性都會(huì)導(dǎo)致錯(cuò)誤。

訪問(wèn)器屬性

訪問(wèn)器屬性的特性包括：

• [[Configurable]]：表示能否通過(guò) delete 刪除屬性從而重新定義屬性；能否修改屬性的特性；或能否把屬性修改為訪問(wèn)器屬性。默認(rèn)值為 true。
• [[Enumerable]]：表示能否通過(guò) for-in 循環(huán)返回屬性。默認(rèn)值為 true。
• [[Get]]：在讀取屬性時(shí)調(diào)用的函數(shù) getter。默認(rèn)值為 undefined。
• [[Set]]：在寫入屬性時(shí)調(diào)用的函數(shù) setter。默認(rèn)值為 undefined。

訪問(wèn)器屬性不能直接定義，必須使用 Object.defineProperty() 來(lái)定義。

var book = {_year: 2017,edition: 1 };Object.defineProperty(book, 'year', {get: function () {return this._year;},set: function (newValue) {if (newValue > this.year) {this.edition += newValue - this.year;this._year = newValue;}} })book.year = 2020; book.year = 2023; console.log(book.edition + ', ' + book.year); // 7, 2023

在讀取訪問(wèn)器屬性時(shí)，會(huì)調(diào)用 getter 函數(shù)，這個(gè)函數(shù)負(fù)責(zé)返回有效的值；在寫入訪問(wèn)器屬性時(shí)會(huì)調(diào)用 setter 函數(shù)并傳入新值作為參數(shù)。

注：不如果只為訪問(wèn)器屬性指定 getter 或 setter 函數(shù)，意味著該訪問(wèn)器屬性是只讀或只寫的。

同時(shí)定義多個(gè)屬性

使用 Object.defineProperties() 方法可以通過(guò)描述符一次定義多個(gè)屬性。

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

轉(zhuǎn)載于:https://www.cnblogs.com/rickkky/p/7496922.html

總結(jié)

以上是生活随笔為你收集整理的JavaScript 中对象的属性类型的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。