http://www.cnblogs.com/xiaohuochai/p/5743821.html
前面的话
对于操作系统中的文件,我们可以驾轻就熟将其设置为只读、隐藏、系统文件或普通文件。于对象来说,属性描述符提供类似的功能,用来描述对象的值、是否可配置、是否可修改以及是否可枚举。本文就来介绍对象中神秘的属性描述符
描述符类型
对象属性描述符的类型分为两种:数据属性和访问器属性
数据属性
数据属性(data property)包含一个数据值的位置,在这个位置可以读取和写入值。数据属性有4个特性
- Configurable(可配置性)
可配置性决定是否可以使用delete删除属性,以及是否可以修改属性描述符的特性,默认值为true
- Enumerable(可枚举性)
可枚举性决定属性是否出现在对象的属性枚举中,比如是否可以通过for-in循环返回该属性,默认值为true
- Writable(可写性)
可写性决定是否可以修改属性的值,默认值为true
- Value(属性值)
属性值包含这个属性的数据值,读取属性值的时候,从这个位置读;写入属性值的时候,把新值保存在这个位置。默认值为undefined
访问器属性
对象属性是名字、值和一组属性描述符构成的。而属性值可以用一个或两个方法替代,这两个方法就是getter和setter。而这种属性类型叫访问器属性(accessor property)
- Configurable(可配置性)
可配置性决定是否可以使用delete删除属性,以及是否可以修改属性描述符的特性,默认值为true
- Enumerable(可枚举性)
可枚举性决定属性是否出现在对象的属性枚举中,比如是否可以通过for-in循环返回该属性,默认值为true
- getter
在读取属性时调用的函数。默认值为undefined
- setter
在写入属性时调用的函数。默认值为undefined
和数据属性不同,访问器属性不具有可写性(Writable)。如果属性同时具有getter和setter方法,那么它是一个读/写属性。如果它只有getter方法,那么它是一个只读属性。如果它只有setter方法,那么它是一个只写属性。读取只写属性总是返回undefined
描述符方法
前面介绍了属性描述符,要想设置它们,就需要用到描述符方法。描述符方法总共有以下4个:
- Object.getOwnPropertyDescriptor()
Object.getOwnPropertyDescriptor(o,name)方法用于查询一个属性的描述符,并以对象的形式返回
查询obj.a属性时,可配置性、可枚举性、可写性都是默认的true,而value是a的属性值1
查询obj.b属性时,因为obj.b属性不存在,该方法返回undefined
1 2 3 4 5
| var obj = {a:1}; console.log(Object.getOwnPropertyDescriptor(obj,'a')); console.log(Object.getOwnPropertyDescriptor(obj,'b'));
|
- Object.defineProperty()
Object.defineProperty(o,name,desc)方法用于创建或配置对象的一个属性的描述符,返回配置后的对象
使用该方法创建或配置对象属性的描述符时,如果不针对该属性进行描述符的配置,则该项描述符默认为false
1 2 3 4 5 6 7 8 9 10
| var obj = {}; console.log(Object.defineProperty(obj,'a',{ value:1, writable: true })); console.log(Object.getOwnPropertyDescriptor(obj,'a'));
|
- Object.defineProperties()
Object.defineProperty(o,descriptors)方法用于创建或配置对象的多个属性的描述符,返回配置后的对象
1 2 3 4 5 6 7 8 9 10 11 12 13
| var obj = { a:1 }; console.log(Object.defineProperties(obj,{ a:{writable:false}, b:{value:2} })); console.log(Object.getOwnPropertyDescriptor(obj,'a')); console.log(Object.getOwnPropertyDescriptor(obj,'b'));
|
- Object.create()
Object.create(proto,descriptors)方法使用指定的原型和属性来创建一个对象
1 2 3 4 5
| var o = Object.create(Object.prototype,{ a:{writable: false,value:1,enumerable:true} }); console.log(Object.getOwnPropertyDescriptor(obj,'a'));
|
描述符详述
前面分别介绍了数据属性和访问器属性的描述符,但没有详细说明其含义及使用,接下来逐一进行说明
可写性(writable)
可写性决定是否可以修改属性的值,默认值为true
1 2 3 4
| var o = {a:1}; o.a = 2; console.log(o.a); 设置writable:false后,赋值语句会静默失效
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| var o = {a:1}; Object.defineProperty(o,'a',{ writable:false }); console.log(o.a); o.a = 2; console.log(o.a); Object.defineProperty(o,'a',{ writable:true }); o.a = 2; console.log(o.a);
|
在严格模式下通过赋值语句为writable为false的属性赋值,会提示类型错误TypeError
1 2 3 4 5 6 7
| 'use strict'; var o = {a:1}; Object.defineProperty(o,'a',{ writable:false }); o.a = 2;
|
[注意]设置writable:false后,通过Object.defineProperty()方法改变属性value的值不会受影响,因为这也意味着在重置writable的属性值为false
1 2 3 4 5 6 7 8 9
| var o = {a:1}; Object.defineProperty(o,'a',{ writable:false }); console.log(o.a); Object.defineProperty(o,'a',{ value:2 }); console.log(o.a);
|
可配置性(Configurable)
可配置性决定是否可以使用delete删除属性,以及是否可以修改属性描述符的特性,默认值为true
- 设置Configurable:false后,无法使用delete删除属性
1 2 3 4 5 6
| var o = {a:1}; Object.defineProperty(o,'a',{ configurable:false }); delete o.a; console.log(o.a);
|
在严格模式下删除为configurable为false的属性,会提示类型错误TypeError
1 2 3 4 5 6 7
| 'use strict'; var o = {a:1}; Object.defineProperty(o,'a',{ configurable:false }); delete o.a;
|
[注意]使用var命令声明变量时,变量的configurable为false
1 2 3
| var a = 1; Object.getOwnPropertyDescriptor(this,'a');
|
- 一般地,设置Configurable:false后,将无法再使用defineProperty()方法来修改属性描述符
1 2 3 4 5 6 7 8
| var o = {a:1}; Object.defineProperty(o,'a',{ configurable:false }); Object.defineProperty(o,'a',{ configurable:true });
|
有一个例外,设置Configurable:false后,只允许writable的状态从true变为false
1 2 3 4 5 6 7 8 9 10 11 12 13
| var o = {a:1}; Object.defineProperty(o,'a',{ configurable:false, writable:true }); o.a = 2; console.log(o.a); Object.defineProperty(o,'a',{ writable:false }); o.a = 3; console.log(o.a);
|
可枚举性(Enumerable)
可枚举性决定属性是否出现在对象的属性枚举中,具体来说,for-in循环、Object.keys方法、JSON.stringify方法是否会取到该属性
用户定义的普通属性默认是可枚举的,而原生继承的属性默认是不可枚举的
1 2 3 4 5
| var o = {a:1}; for(var i in o){ console.log(o[i]); }
|
1 2 3 4 5 6
| var o = {a:1}; Object.defineProperty(o,'a',{enumerable:false}); for(var i in o){ console.log(o[i]); }
|
propertyIsEnumerable()
propertyIsEnumerable()方法用于判断对象的属性是否可枚举
1 2 3 4
| var o = {a:1}; console.log(o.propertyIsEnumerable('a')); Object.defineProperty(o,'a',{enumerable:false}); console.log(o.propertyIsEnumerable('a'));
|
get和set
get是一个隐藏函数,在获取属性值时调用。set也是一个隐藏函数,在设置属性值时调用,它们的默认值都是undefined。Object.definedProperty()中的get和set对应于对象字面量中get和set方法
[注意]getter和setter取代了数据属性中的value和writable属性
- 给只设置get方法,没有设置set方法的对象赋值会静默失败,在严格模式下会报错
1 2 3 4 5 6 7 8 9
| var o = { get a(){ return 2; } } console.log(o.a); o.a = 3; console.log(o.a);
|
1 2 3 4 5 6 7 8 9
| Object.defineProperty(o,'a',{ get: function(){ return 2; } }) console.log(o.a); o.a = 3; console.log(o.a);
|
在严格模式下,给没有设置set方法的访问器属性赋值会报错
1 2 3 4 5 6 7 8 9 10
| 'use strict'; var o = { get a(){ return 2; } } console.log(o.a); o.a = 3;
|
1 2 3 4 5 6 7 8 9 10
| 'use strict'; Object.defineProperty(o,'a',{ get: function(){ return 2; } }) console.log(o.a); o.a = 3;
|
- 只设置set方法,而不设置get方法,则对象属性值为undefined
1 2 3 4 5 6 7
| var o = { set a(val){ return 2; } } o.a = 1; console.log(o.a);
|
1 2 3 4 5 6 7
| Object.defineProperty(o,'a',{ set: function(){ return 2; } }) o.a = 1; console.log(o.a);
|
- 一般地,set和get方法是成对出现的
1 2 3 4 5 6 7 8 9 10
| var o ={ get a(){ return this._a; }, set a(val){ this._a = val*2; } } o.a = 1; console.log(o.a);
|
1 2 3 4 5 6 7 8 9 10
| Object.defineProperty(o,'a',{ get: function(){ return this._a; }, set :function(val){ this._a = val*2; } }) o.a = 1; console.log(o.a);
|
对象状态
属性描述符只能用来控制对象中一个属性的状态。而如果要控制对象的状态,就要用到下面的6种方法
Object.preventExtensions()(禁止扩展)
Object.preventExtensions()方法使一个对象无法再添加新的属性,并返回当前对象
Object.isExtensible()(测试扩展)
Object.isExtensible()方法用来检测该对象是否可以扩展
1 2 3 4 5 6 7 8 9
| var o = {a:1}; console.log(Object.isExtensible(o)); o.b = 2; console.log(o); console.log(Object.preventExtensions(o)); o.c = 3; console.log(Object.isExtensible(o)); console.log(o);
|
在严格模式下,给禁止扩展的对象添加属性会报TypeError错误
1 2 3 4 5
| 'use strict'; var o = {a:1}; console.log(Object.preventExtensions(o)); o.c = 3;
|
Object.preventExtensions()方法并不改变对象中属性的描述符状态
1 2 3 4 5 6
| var o = {a:1}; console.log(Object.getOwnPropertyDescriptor(o,'a')); Object.preventExtensions(o); console.log(Object.getOwnPropertyDescriptor(o,'a'));
|
Object.seal()(对象封印)
对象封印又叫对象密封,使一个对象不可扩展并且所有属性不可配置,并返回当前对象
Object.isSealed()(测试封印)
Object.isSealed()方法用来检测该方法是否被封印
1 2 3 4 5 6 7
| var o = {a:1,b:2}; console.log(Object.isSealed(o)); console.log(Object.seal(o)); console.log(Object.isSealed(o)); console.log(delete o.b); o.c = 3; console.log(o);
|
在严格模式下,删除旧属性或添加新属性都会报错
1 2 3 4 5
| 'use strict'; var o = {a:1,b:2}; console.log(Object.seal(o)); delete o.b;
|
这个方法实际上会在现有对象上调用Object.preventExtensions()方法,并把所有现有属性的configurable描述符置为false
1 2 3 4 5 6
| var o = {a:1,b:2}; console.log(Object.getOwnPropertyDescriptor(o,'a')); console.log(Object.seal(o)); console.log(Object.getOwnPropertyDescriptor(o,'a'));
|
Object.freeze()(对象冻结)
Object.freeze()方法使一个对象不可扩展,不可配置,也不可改写,变成一个仅可以枚举的只读常量,并返回当前对象
Object.isFrozen()(检测冻结)
Object.isFrozen()方法用来检测一个对象是否被冻结
1 2 3 4 5 6
| var o = {a:1,b:2}; console.log(Object.isFrozen(o)); console.log(Object.freeze(o)); console.log(Object.isFrozen(o)); o.a = 3; console.log(o);
|
在严格模式下,删除旧属性、添加新属性、更改现有属性都会报错
1 2 3 4 5
| 'use strict'; var o = {a:1,b:2}; console.log(Object.freeze(o)); o.a = 3;
|
这个方法实际上会在现有对象上调用Object.seal()方法,并把所有现有属性的writable描述符置为false
1 2 3 4 5 6
| var o = {a:1}; console.log(Object.getOwnPropertyDescriptor(o,'a')); console.log(Object.freeze(o)); console.log(Object.getOwnPropertyDescriptor(o,'a'));
|