频道导航

JavaScript中的对象的extensible属性介绍

2018-12-31 JavaScript 前端之家

前端之家收集整理的这篇文章主要介绍了JavaScript中的对象的extensible属性介绍，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_502_0@JavaScript中，对象的extensible属性用于表示是否允许在对象中动态添加新的property。ECMAScript 3标准中，所有的对象都是extensible的。ECMAScript 5标准中，所有的对象默认仍是extensible的，但可以通过设定来改变这一属性。

@H_502_0@查询一个对象是否是extensible的，可以使用Object.isExtensible()语句：

@H_502_0@
<div class="codetitle"><a style="CURSOR: pointer" data="89721" class="copybut" id="copybut89721" onclick="doCopy('code89721')"> 代码如下:

<div class="codebody" id="code89721">
var o = {x:1};
console.log(Object.isExtensible(o));//true

@H_502_0@ 使一个对象变成不是extensible的，可以使用Object.preventExtensions()语句：

@H_502_0@

代码如下:

@H_502_0@ 值得注意的是，由于没有Object.preventExtensions()的反操作语句，因此一旦某个对象被设定为非extensible后，将没有办法重新再将其设定为extensible。

@H_502_0@Object.preventExtensions()语句作用的范围是对象自身，原型对象不受影响。如果某个对象被设定为非extensible，那么其原型对象中依然可以动态添加property，而这些动态添加的property也依然可以被对象继承到。

@H_502_0@

Object.seal()和Object.freeze()

@H_502_0@Object.preventExtensions()可以防止在对象中动态添加新的property。除了这个操作，JavaScript中还存在另外两个更加严格的操作来保护对象：Object.seal()和Object.freeze()。

@H_502_0@Object.seal()的作用是在Object.preventExtensions()的基础上，设定所有对象自身property的configurable属性为false。与Object.preventExtensions()操作一样，Object.seal()没有反操作，因此一旦将对象seal了之后将无法恢复其状态。在JavaScript中，可以通过Object.isSealed()来查询某个对象是否被seal了。

@H_502_0@Object.freeze()的作用是在Object.seal()的基础上，将所有对象自身的property设定为只读。与Object.seal()和Object.preventExtensions()操作一样，Object.freeze()没有反操作，因此一旦将对象freeze了之后将无法恢复其状态。在JavaScript中，可以通过Object.isFrozen()来查询某个对象是否被freeze了。

@H_502_0@
<div class="codetitle"><a style="CURSOR: pointer" data="59409" class="copybut" id="copybut59409" onclick="doCopy('code59409')"> 代码如下:

<div class="codebody" id="code59409">
console.log(Object.isSealed(o));//false
Object.seal(o);
console.log(Object.isSealed(o));//true
console.log(Object.isFrozen(o));//false
Object.freeze(o);
console.log(Object.isFrozen(o));//true

@H_502_0@ 无论是Object.preventExtensions()，还是Object.seal()和Object.freeze()，其作用范围均为对象自身，对象的原型对象将不受影响。

extensible属性 JavaScript 对象对象对象