js 中的对象属性—— configurable、writable 等(数据属性和访问器属性)

请添加图片描述

属性描述符:

[[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()做了哪些事情?

  1. 设置Object.preventExtension(),禁止添加新属性(绝对存在)
  2. 设置writable为false,禁止修改(绝对存在)
  3. 设置configurable为false,禁止配置(绝对存在)
  4. 禁止更改访问器属性(getter和setter)

从上可知,Object.freeze()禁止了所有可设置的内容。

Object.freeze()只是浅冻结,如果你理解浅拷贝就能理解浅冻结。

  • Object.isFrozen()判断一个对象是否是冻结对象。

封闭一个对象

  • Object.seal()方法封闭一个对象,阻止添加新属性并将所有现有属性标记为不可配置。当前属性的值只要可写就可以改变。

  • Object.seal()做了哪些事情?

  1. 设置Object.preventExtension(),禁止添加新属性(绝对存在)
  2. 设置configurable为false,禁止配置(绝对存在)
  3. 禁止更改访问器属性(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'}
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值