Property-Descriptors
其实主要就是针对(writable, enumerable, configurable).
获取属性描述可通过Object.getOwnPropertyDescriptors(you object)。
var myObject = {
a: 2
};
Object.getOwnPropertyDescriptor( myObject, "a" );
// {
// value: 2,
// writable: true,
// enumerable: true,
// configurable: true
// }针对于这个属性特性，需要提示的就是字面量创建的对象属性和
defineProperty创建的对象属性，是不同的，字面量创建的对象属性的特性都是true,defineProperty恰恰相反.
writable
writable这个特性主要负责对象属性是否可变。
let obj = {}
Object.defineProperty( obj, "a", {
value: 2,
writable: false, // not writable!
configurable: true,
enumerable: true
} );
obj.a = 3;
obj.a; // 2由上代码可以看出，赋值无效。 如果在严格模式下，赋值会报错。
configurable
configurable这个就是控制是否可配置，如果这个属性是true,那就可以使用defineProperty对属性进行配置。
var myObject = {
a: 2
};
myObject.a = 3;
myObject.a; // 3
Object.defineProperty( myObject, "a", {
value: 4,
writable: true,
configurable: false, // not configurable!
enumerable: true
} );
myObject.a; // 4
myObject.a = 5;
myObject.a; // 5
Object.defineProperty( myObject, "a", {
value: 6,
writable: true,
configurable: true,
enumerable: true
} ); // TypeError可以看出来，报错了。如果configurable: false，那么就不可以进行配置了。而且不管是否为严格模式，都会报错。并且注意，这个是一个 单项操作，不可逆
同时，delete操作也是通过confirurable 来进行控制的。
var myObject = {
a: 2
};
myObject.a; // 2
delete myObject.a;
myObject.a; // undefined
Object.defineProperty( myObject, "a", {
value: 2,
writable: true,
configurable: false,
enumerable: true
} );
myObject.a; // 2
delete myObject.a;
myObject.a; // 2可以发现，删除属性失败，因为configurable是false
我们知道，Object.freeze可以冻结对象，就是不能操作。可以看下
let o = {name: 'xiaohesong'}
Object.getOwnPropertyDescriptors(o)
Object.freeze(o)
Object.getOwnPropertyDescriptors(o)可以发现，上面的freeze方法导致对象的writable和configurable改成了false.
enumerable
enumerable这个是控制属性是否显示，例如for .. in循环中，false便不会显示。⚠️ for(let i in obj)是根据enumerable来显示，in操作不管enumerable,只是单纯的查找
in & hasOwnProperty
in是检索整个原型链的key(property),hasOwnProperty仅仅检索当前对象的key(property),不会蔓延到原型链上层去查找。
4 in [2,4,6] // false, 因为检索的是key,不是value下面再来看看enumerable
var myObject = { };
Object.defineProperty(
myObject,
"a",
// make `a` enumerable, as normal
{ enumerable: true, value: 2 }
);
Object.defineProperty(
myObject,
"b",
// make `b` NON-enumerable
{ enumerable: false, value: 3 }
);
myObject.b; // 3
("b" in myObject); // true
myObject.hasOwnProperty( "b" ); // true
// .......
for (var k in myObject) {
console.log( k, myObject[k] );
}
// "a" 2可以发现这个myObject.b是存在的，可访问的，但是因为enumerable: false导致for .. in不显示出b属性。 这是因为enumerable表示只包含可以被枚举的属性。
可不可以枚举，可以判断出来，如下:
var myObject = { };
Object.defineProperty(
myObject,
"a",
// make `a` enumerable, as normal
{ enumerable: true, value: 2 }
);
Object.defineProperty(
myObject,
"b",
// make `b` non-enumerable
{ enumerable: false, value: 3 }
);
myObject.propertyIsEnumerable( "a" ); // true
myObject.propertyIsEnumerable( "b" ); // false
Object.keys( myObject ); // ["a"]
Object.getOwnPropertyNames( myObject ); // ["a", "b"]很明显的看到， propertyIsEnumerable可以针对某个属性进行判断，Object.keys获取的是可枚举的属性列表, getOwnPropertyNames获取的是所有的属性名称。
所以可以知道两点:
invshasOwnPropertyhasOwnProperty查找的是当前对象的属性，不会提升到prototype chain查找。in则会查找整个原型链.Object.keysvsgetOwnPropertyNames这两个都只是作用在当前的对象上，不会遍历原型链。
Object.keys返回的是可枚举的属性名称列表，Object.getOwnPropertyNames返回的是所有的属性名称，无论是否可以枚举。
[GET]
对象调用属性时，某人优先调用get方法。
let obj = {
a: 'normal-a',
get a() {
return 'get-a'
}
}
obj.a // 'get-a'
obj.a = 'reset-a'
obj.a // 'get-a'上面的代码很明了，优先调用定义的get方法。
let obj = {
a: 'normal-a',
get a() {
return this._a_
},
set a(val) {
this._a_ = val;
}
}
obj.a // undefined
obj.a = 'reset-a'
obj.a // reset-a注意到了_a_了吧，不用多想，没啥特别的意思，就是按照约定，加下划线，你也可以用其他的来表示，但是不能用a,否则会循环到堆栈溢出。
其他实用方法
Prevent Extensions
这个属性是关闭后续拓展，对原有属性保留操作(writable, configurable, enumerable 均为 true)。
var myObject = {
a: 2
};
Object.preventExtensions( myObject );
myObject.a = 3
myObject.b = 3;
myObject.a // 3
myObject.b; // undefined使用Object.defineProperty也不行.
严格模式下，myObject.b会报错。
Seal
这个是在preventExtensions方法的基础上，设置所有现有属性Objconfirurable: false, 使其封闭, 不可配置，不可删除, 但是可以修改，因为writable是`true. 由上面知道,delete由configurable`控制。
freeze
上面有提到过freeze是使configurable和writable都为false.其实就是在seal的基础上，使所有存在的属性的writable为false。
Last updated