對象的屬性類型

JavaScript 中的對象的屬性包括數據屬性和訪問器屬性，在 JavaScript 引擎的內部實現中定義了用于描述屬性（property）的特性（attribute）。規范中將特性放在了兩對方括號中以此表示它們是內部值，在 JavaScript 中不能直接訪問這些特性。

數據屬性

數據屬性的特性包括：

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

修改屬性的特性

由于屬性的特性不能直接訪問，因此要修改屬性的特性需要使用 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

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

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

訪問器屬性

訪問器屬性的特性包括：

• [[Configurable]]：表示能否通過 delete 刪除屬性從而重新定義屬性；能否修改屬性的特性；或能否把屬性修改為訪問器屬性。默認值為 true。
• [[Enumerable]]：表示能否通過 for-in 循環返回屬性。默認值為 true。
• [[Get]]：在讀取屬性時調用的函數 getter。默認值為 undefined。
• [[Set]]：在寫入屬性時調用的函數 setter。默認值為 undefined。

訪問器屬性不能直接定義，必須使用 Object.defineProperty() 來定義。

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

在讀取訪問器屬性時，會調用 getter 函數，這個函數負責返回有效的值；在寫入訪問器屬性時會調用 setter 函數并傳入新值作為參數。

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

同時定義多個屬性

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

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

轉載于:https://www.cnblogs.com/rickkky/p/7496922.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。