对象是由多个名/值成对组成的无序的集合。对象中每一个属性对应任意类型的值。
定义对象能够使用构造函数或字面量的形式:函数
//采用构造函数方式,构造一个空对象。
var obj = new Object; obj.name = "张三"; //添加属性
obj.say = function(){}; //添加方法 //采用字面量方式建立对象
var obj={}; obj.name = "张三"; //添加属性
obj.say = function(){}; //添加方法
除了以上方式外还有一种方式Object.defineProperty能够给对象添加属性或者修改属性。this
Object.defineProperty()
方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。spa
Object.defineProperty(obj, prop, descriptor)
obj
要在其上定义属性的对象。code
prop
要定义或修改的属性的名称。对象
descriptor
将被定义或修改的属性描述符。blog
被传递给函数的对象。继承
该方法容许精确添加或修改对象的属性。经过赋值操做添加的普通属性是可枚举的,可以在属性枚举期间呈现出来(for...in
或 Object.keys
方法),ip
这些属性的值能够被改变,也能够被删除。这个方法容许修改默认的额外选项(或配置)。默认状况下,使用 Object.defineProperty()
添加的属性get
值是不可修改的。it
对象里目前存在的属性描述符有两种主要形式:数据描述符和存取描述符。数据描述符是一个具备值的属性,该值多是可写的,也可能不是可写的。
存取描述符是由getter-setter函数对描述的属性。描述符必须是这两种形式之一;不能同时是二者。
configurable
当且仅当该属性的 configurable 为 true 时,该属性描述符
才可以被改变,同时该属性也能从对应的对象上被删除。默认为 false。
enumerable
当且仅当该属性的enumerable为true时,该属性才可以出如今对象的枚举属性中。默认为 false。
value
该属性对应的值。能够是任何有效的 JavaScript 值(数值,对象,函数等)。默认为 undefined
。
writable
当且仅当该属性的writable为true时,value才能被赋值运算符改变。默认为 false。
get
一个给属性提供 getter 的方法,若是没有 getter 则为 undefined
。当访问该属性时,该方法会被执行,方法执行时没有参数传入,可是会传
this
对象(因为继承关系,这里的this
并不必定是定义该属性的对象)。默认为 undefined
。
set
一个给属性提供 setter 的方法,若是没有 setter 则为 undefined
。当属性值修改时,触发执行该方法。该方法将接受惟一参数,即该属性新
undefined
。
若是一个描述符不具备value,writable,get 和 set 任意一个关键字,那么它将被认为是一个数据描述符。若是一个描述符同时有(value或
writable)和(get或set)关键字,将会产生一个异常。
若是对象中不存在指定的属性,Object.defineProperty()
就建立这个属性。当描述符中省略某些字段时,这些字段将使用它们的默认值。拥有布尔值
的字段的默认值都是false
。value
,get
和set
字段的默认值为undefined
。一个没有get/set/value/writable
定义的属性被称为“通用的”,并被“键入”
为一个数据描述符。示例:
var o = {}; // 建立一个新对象
// 在对象中添加一个属性与数据描述符的示例
Object.defineProperty(o, "a", { value : 37, writable : true, enumerable : true, configurable : true }); // 对象o拥有了属性a,值为37
// 在对象中添加一个属性与存取描述符的示例
var bValue; Object.defineProperty(o, "b", { get : function(){ return bValue; }, set : function(newValue){ bValue = newValue; }, enumerable : true, configurable : true }); o.b = 38; // 对象o拥有了属性b,值为38
// o.b的值如今老是与bValue相同,除非从新定义o.b
// 数据描述符和存取描述符不能混合使用
Object.defineProperty(o, "conflict", { value: 0x9f91102, get: function() { return 0xdeadbeef; } });
若是属性已经存在,Object.defineProperty()
将尝试根据描述符中的值以及对象当前的配置来修改这个属性。若是旧描述符将其configurable
属性
设置为false
,则该属性被认为是“不可配置的”,而且没有属性能够被改变(除了单向改变 writable 为 false)。当属性不可配置时,不能在数
据和访问器属性类型之间切换。
当试图改变不可配置属性(除了value
和writable
属性以外)的值时会抛出TypeError
,除非当前值和新值相同。
var o = {}; // Creates a new object
Object.defineProperty(o, 'a', { value: 37, writable: false }); console.log(o.a); // logs 37
o.a = 25; // No error thrown // (it would throw in strict mode, // even if the value had been the same)
console.log(o.a); // logs 37. The assignment didn't work.
// strict mode
(function() { 'use strict'; var o = {}; Object.defineProperty(o, 'b', { value: 2, writable: false }); o.b = 3; // throws TypeError: "b" is read-only
return o.b; // returns 2 without the line above
}());
如示例所示,试图写入非可写属性不会改变它,也不会引起错误。
考虑特性被赋予的默认特性值很是重要,一般,使用点运算符和Object.defineProperty()
为对象的属性赋值时,数据描述符中的属性默认值是不一样的,
以下例所示。
var o = {}; o.a = 1; // 等同于 :
Object.defineProperty(o, "a", { value : 1, writable : true, configurable : true, enumerable : true }); // 另外一方面,
Object.defineProperty(o, "a", { value : 1 }); // 等同于 :
Object.defineProperty(o, "a", { value : 1, writable : false, configurable : false, enumerable : false });
详情请见:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty