属性描述符:
[[Value]] : 包含这个属性的数据值。读取属性时从这个位置读取;写入属性时,把新值保存在这个位置。这个特性的值默认为 undefined 。
[[Writable]] : 表示能否修改属性的值,即值是可写的还是只读。
[[Enumaerable]] : 目标属性是否可被枚举(遍历)。
[[Configurable]] : 表示能否通过 delete 删除属性、能否修改属性的特性,或者将属性修改为访问器属性。
enumerable(隐身术):用来控制所描述的属性,是否将被包括在for…in循环之中。具体来说,如果一个属性的enumerable为false,下面三个操作不会取到该属性。
- for…in循环
- Object.keys方法
- JSON.stringify方法
Object.defineProperty()
在一个对象上定义新的属性,并且配置一些属性描述符
var obj = {}
Object.defineProperty(obj, 'name', {
value: 'liz',
enumerable: true,
writable: true,
configurable: true,
})
console.log(obj) // {name: 'liz'}
Object.getPrototypeOf()
Object.getPrototypeOf() 方法返回指定对象的原型(内部[[Prototype]]属性的值)。
语法:Object.getPrototypeOf(target)
var obj = {name: 'liz'}
Object.getPrototypeOf(obj)
Object.setPrototypeOf()
Object.setPrototypeOf() 方法设置一个指定的对象的原型 ( 即, 内部[[Prototype]]属性)到另一个对象或 null。
语法:Object.setPrototypeOf(obj, prototype)
var obj = {name: 'liz', age: 18}
Object.setPrototypeOf(obj, {})
console.log(Object.getPrototypeOf(obj)) // {}
-
没设置新的Prototype之前:
-
设置新的Prototype之后
hasOwnProperty()
hasOwnProperty方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性(也就是,是否有指定的键)。
语法:obj.hasOwnProperty(prop)
var obj = {name: 'liz', age: '18'}
obj.hasOwnProperty('name') // true
obj.hasOwnProperty('name1') // false
Object.prototype.isPrototypeOf()
isPrototypeOf() 方法用于测试一个对象是否存在于另一个对象的原型链上。
语法:prototypeObj.isPrototypeOf(object)
function Foo() {}
function Bar() {}
function Baz() {}
Bar.prototype = Object.create(Foo.prototype);
Baz.prototype = Object.create(Bar.prototype);
const foo = new Foo();
const bar = new Bar();
const baz = new Baz();
// prototype chains:
// foo: Foo <- Object
// bar: Bar <- Foo <- Object
// baz: Baz <- Bar <- Foo <- Object
console.log(Baz.prototype.isPrototypeOf(baz)); // true
console.log(Baz.prototype.isPrototypeOf(bar)); // false
console.log(Baz.prototype.isPrototypeOf(foo)); // false
console.log(Bar.prototype.isPrototypeOf(baz)); // true
console.log(Bar.prototype.isPrototypeOf(foo)); // false
console.log(Foo.prototype.isPrototypeOf(baz)); // true
console.log(Foo.prototype.isPrototypeOf(bar)); // true
console.log(Object.prototype.isPrototypeOf(baz)); // true
Object.getOwnPropertyDescriptors()
获取一个对象的所有属性描述符
var obj = { name: 'liz', age: 18 }
Object.getOwnPropertyDescriptors(obj)
Object.create()
使用指定的原型对象和属性创建一个新对象。
Object.create(prop, target)
var obj = {name: 'liz', age: 18}
var obj2 = Object.create(Object.getPrototypeOf(obj),{sex: {
// writable:true,
// configurable:true,
value: "nan"
}})
console.log(Object.getOwnPropertyDescriptors(obj))
冻结一个对象
Object.freeze()
-
Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。
-
Object.freeze()做了哪些事情?
- 设置Object.preventExtension(),禁止添加新属性(绝对存在)
- 设置writable为false,禁止修改(绝对存在)
- 设置configurable为false,禁止配置(绝对存在)
- 禁止更改访问器属性(getter和setter)
从上可知,Object.freeze()禁止了所有可设置的内容。
Object.freeze()只是浅冻结,如果你理解浅拷贝就能理解浅冻结。
- Object.isFrozen()判断一个对象是否是冻结对象。
封闭一个对象
-
Object.seal()方法封闭一个对象,阻止添加新属性并将所有现有属性标记为不可配置。当前属性的值只要可写就可以改变。
-
Object.seal()做了哪些事情?
- 设置Object.preventExtension(),禁止添加新属性(绝对存在)
- 设置configurable为false,禁止配置(绝对存在)
- 禁止更改访问器属性(getter和setter)
-
另外,可以使用Object.isSealed()判断一个对象是否是封闭对象。
-
对比Object.freeze()和Object.seal()
使用Object.freeze()冻结的对象中的现有属性是不可变的。用Object.seal()密封的对象可以改变其现有属性。
对象的可扩展性
Object.preventExtensions():
-
Object.preventExtensions()让一个对象变的不可扩展,也就是永远不能再添加新的属性,但是可以修改。
语法:Object.preventExtensions(obj) -
另外,可以使用Object.isExtensible()判断一个对象是否可扩展。
var obj = {name: 'liz'}
Object.preventExtensions(obj)
Object.isExtensible(obj) // false
obj.age = 18
console.log(obj) // {name: 'liz'}