屬性類型

數(shù)據(jù)屬性 - 包含一個(gè)數(shù)據(jù)值的位置，可以讀取和寫(xiě)入值

[writable]	是否能修改屬性的值	true
[enumerable]	是否通過(guò)for in 循環(huán)返回屬性(是否可以被枚舉)	true
[configurable]	是否能通過(guò)delete刪除，能否修改屬性的特性，能否修改訪問(wèn)器屬性	true
[value]	包含這個(gè)屬性的數(shù)據(jù)值，讀取屬性值的時(shí)候從這個(gè)位置讀取。	undefined

訪問(wèn)器屬性

[enumerable]	是否通過(guò)for in 循環(huán)返回屬性(是否可以被枚舉)	true
[configurable]	是否能通過(guò)delete刪除，能否修改屬性的特性，能否修改訪問(wèn)器屬性	true
[get]	讀取屬性時(shí)調(diào)用的函數(shù)	undefined
[set]	寫(xiě)入屬性時(shí)調(diào)用的函數(shù)	undefined

屬性操作

• 定義屬性：Object.defineProperty()
• 查看屬性：Object.getOwnPropertyDescriptor()

"use strict"; // ***************************************************************** // 操作數(shù)據(jù)屬性 var person = {name: 'hugh',age: 29,sayName: function() { console.log(1); } } // 修改屬性默認(rèn)特性:Object.defineProperty() Object.defineProperty(person, "name", {writable: true,value: 'dong',configurable: false,enumerable: false }); console.log(person);// ***************************************************************** // 操作訪問(wèn)器屬性 var book = {_year: 2004, // _作為標(biāo)記只能通過(guò)對(duì)象訪問(wèn)的屬性edition: 0 }; Object.defineProperty(book, "year", {// 訪問(wèn)器屬性year包含setter和getter函數(shù)get: function() {return this._year;},set: function(newValue) {this._year = newValue;this.edition = newValue - 2004;} }) book.year = 2008; console.log(book); console.log(book.edition); // 舊方法,ie8部分不支持defineProperty() // 嚴(yán)格模式不可用 // book._defineGetter_("year",function(){ // return this._year; // }); // book._defineSetter_("year",function(newValue){ // this._year = newValue; // this.edition = newValue - 2014; // });// ***************************************************************** // 定義多個(gè)屬性 var book2 = {}; Object.defineProperties(book2, {// 數(shù)據(jù)屬性 _year: {value: 2004,writable: false,enumerable: false,configurable: true},edition: {value: 0,writable: false,enumerable: false,configurable: true},// 訪問(wèn)器屬性 year: {get: function() {return this._year;},set: function(newValue) {this._year = newValue;this.edition = newValue - 3000;}} }); console.log(book2);// ***************************************************************** // 查看屬性的屬性 console.log(Object.getOwnPropertyDescriptor(book2,'_year')); console.log(Object.getOwnPropertyDescriptor(book2,'edition')); console.log(Object.getOwnPropertyDescriptor(book2,'year'));

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

總結(jié)

以上是生活随笔為你收集整理的JavaScript | 数据属性与访问器属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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