对象属性

2024年4月12日 179次阅读 来源: 追梦

属性的范例

ECMA-262 第 5 版在定义只要内部才用的特性（attribute）时，形貌了属性（property）的种种特性。定义这些属性是为了完成JavaScript引擎用的，因此在JavaScript中不能直接接见它们。为了我示意特性是内部值，改范例把它们放在了两对儿方括号中，比方[[Enumerable]]。

ECMAScript 中有两种属性：数据属性和接见器属性

1.数据属性

数据属性包括一个数据值的位置。在这个位置能够读取和写入值。数据属性有 4 个形貌其行动的特性。

  • [[Configurable]]：示意可否经由过程 delete 删除属性从而从新定义属性，可否修正属性的特性，或许可否把属性修正为接见器属性。直接在对象上定义的属性，它们的这个特性默许值为 true。
  • [[Enumerable]]：示意可否经由过程 for-in 轮回返回属性。直接在对象上义的属性，它们的这个特性默许值为 true。
  • [[Writable]]：示意可否修正属性的值。直接在对象上定义的属性，它们的这个特性默许值为 true。
  • [[Value]]：包括这个属性的数据值。读取属性值的时刻，从这个位置读；写入属性值的时刻，新值保留在这个位置。这个特性的默许值为 undefined。

Object.defineProperty()

作用：修正属性默许的特性
参数：属性地点的对象、属性的名字、和一个形貌符对象。形貌符对象的属性必须是configurable、enumerable、writable 和 value。

Object.defineProperty(person, "name", { 
     writable: false, 
     value: "Nicholas" 
}); 
alert(person.name); //"Nicholas" 
person.name = "Greg"; 
alert(person.name); //"Nicholas"

一旦把configurable属性定义为不可设置的，就不能再把它变回可设置了。此时，再挪用 Object.defineProperty()要领修正除 writable 以外
的特性，都邑致使毛病

var person = {}; 
Object.defineProperty(person, "name", { 
    configurable: false, 
    value: "Nicholas" 
}); 
//抛出毛病
Object.defineProperty(person, "name", { 
    configurable: true, 
    value: "Nicholas" 
});

在挪用 Object.defineProperty()要领时，假如不指定，configurable、enumerable 和writable 特性的默许值都是 false(未挪用改要领时默许值都为true)

2. 接见器属性

接见器属性不含数据值；他们包括一对儿getter和setter函数(不是必须的)。在读取接见器属性时，会挪用getter函数，这个函数担任返回有用的值；在写入接见器属性时，会挪用setter函数并传入新值。这个函数担任怎样处置惩罚数据

接见器的四个属性：

  • [[Configurable]]：示意可否经由过程 delete 删除属性从而从新定义属性，可否修正属性的特性，或许可否把属性修正为数据属性。关于直接在对象上定义的属性，这个特性的默许值为true。
  • [[Enumerable]]：示意可否经由过程 for-in 轮回返回属性。关于直接在对象上定义的属性，这个特性的默许值为 true。
  • [[Get]]：在读取属性时挪用的函数。默许值为 undefined。
  • [[Set]]：在写入属性时挪用的函数。默许值为 undefined。

接见器属性不能直接定义，必须运用 Object.defineProperty()来定义。

var book = { 
     _year: 2004,     //下划线是一种经常使用的暗号，用于示意只能经由过程对象要领接见的属性
     edition: 1 
}; 
Object.defineProperty(book, "year", { 
     get: function(){ 
         return this._year; 
     }, 
    set: function(newValue){ 
        if (newValue > 2004) { 
            this._year = newValue; 
            this.edition += newValue - 2004; 
        } 
    } 
}); 
book.year = 2005; 
alert(book.edition); //2

支撑 ECMAScript 5 的这个要领的浏览器有 IE9+（IE8 只是部份完成）、Firefox 4+、Safari 5+、Opera 12+ 和 Chrome 。在这个要领之前，要建立接见器属性，平常都运用两个非标准的要领：__defineGetter__()和__defineSetter__()。这两个要领最初是由 Firefox 引入的，厥后 Safari 3、Chrome 1 和 Opera 9.5 也给出了雷同的完成

var book = { 
     _year: 2004, 
     edition: 1 
}; 
//定义接见器的旧有要领
book.__defineGetter__("year", function(){ 
     return this._year; 
}); 
book.__defineSetter__("year", function(newValue){ 
 if (newValue > 2004) { 
     this._year = newValue; 
     this.edition += newValue - 2004; 
 } 
}); 
book.year = 2005; 
alert(book.edition); //2 
AccessorPropertiesExample02.htm 
在不支撑 Object.defineProperty() 要领的浏览器中不能修正 [[Configurable]] 和 [[Enumerable]]。

2 定义多个属性

Object.defineProperties()要领,应用这个要领能够经由过程形貌符一次定义多个属性。这个要领吸收两个对象参数：第一个对象是要增加和修正器属性的对象，第二个对象的属性和第一个对象中要增加或修正的属性逐一对象。

var book = {}; 
Object.defineProperties(book, { 
    _year: { 
        value: 2004 
    }, 
    edition: { 
        value: 1 
    }, 
    year: { 
        get: function(){

             return this._year; 
        }, 
        set: function(newValue){ 
            if (newValue > 2004) { 
                this._year = newValue; 
                this.edition += newValue - 2004; 
            } 
        } 
    } 
});

3 读取属性的特性

Object.getOwnPropertyDescriptor()要领，能够获得给定属性的形貌符。这个要领吸收两个参数： 属性地点的对象和要读取器形貌符的属性称号。返回值是一个对象，假如是接见器属性，这个对象的属性有configurable、enumerable、get 和 set;假如是数据属性，这个对象的属性有 configurable、enumerable、writable 和 value。

var book = {}; 
Object.defineProperties(book, { 
     _year: { 
         value: 2004 
     }, 
     edition: { 
         value: 1 
     }, 
     year: { 
         get: function(){ 
             return this._year; 
         }, 
         set: function(newValue){ 
             if (newValue > 2004) { 
                 this._year = newValue; 
                 this.edition += newValue - 2004; 
             } 
         } 
     } 
}); 
var descriptor = Object.getOwnPropertyDescriptor(book, "_year"); 
alert(descriptor.value); //2004 
alert(descriptor.configurable); //false
    原文作者：追梦
    原文地址: https://segmentfault.com/a/1190000018849715
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞