JavaScript中的对象的extensible属性介绍

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

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

代码如下:

var o = {x:1};
console.log(Object.isExtensible(o));//true

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

代码如下:

Object.preventExtensions(o)
console.log(Object.isExtensible(o));//false

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

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

Object.seal()和Object.freeze()

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

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

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

代码如下:

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

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

赞 (0)

相关推荐

  • Javascript获取CSS伪元素属性的实现代码

    CSS伪元素非常强大,它经常被用来创建CSS三角形提示,使用CSS伪元素可以实现一些简单的效果但又不需要增加额外的HTML标签.有一点就是Javascript无法获取到这些CSS属性值,但现在有一种方法可以获取到: 看看下面的CSS代码: .element:before { content: 'NEW'; color: rgb(255, 0, 0); }.element:before { content: 'NEW'; color: rgb(255, 0, 0); } 为了获取到.element

  • Javascript访问器属性实例分析

    本文实例分析了Javascript 访问器属性的用法,分享给大家供大家参考.具体分析如下: 这个和构造函数的意思有点像,但功能又不同,他可以让两个属性建立关联,通过修改一个属性来改变另一个属性. 复制代码 代码如下: var book = {     _year:2004,     edition: 1 }; Object.defineProperty(book, "year", {     get: function() {         return this._year;   

  • JavaScript中对象属性的添加和删除示例

    复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* * 用.为对象添加属性 用关键字delete删除属性 用[]添加属性 和.的不同 r.name==r["name

  • javascript数组操作方法小结和3个属性详细介绍

    最近一直在用js,好好研究了下js数组的操作,在这里总结一下. 1.数组的创建 复制代码 代码如下: var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值 要说明的是,虽然第二种方法创建数组指定了长度

  • JavaScript中获取鼠标位置相关属性总结

    javascript并没有mouse对象,获取鼠标坐标要靠强大的event对象. 我们通过监听document的mousemove,就可以实时获得鼠标位置. 但是!!event中和鼠标相关的属性太多了,很让人头大!如下: event.layerX event.layerY event.clientX event.clientY event.pageX event.pageY event.offsetX event.offsetY event.screenX event.screenY event

  • Javascript学习笔记之数组的遍历和 length 属性

    尽管数组在 Javascript 中是对象,但是不建议使用 for in 循环来遍历数组,实际上,有很多理由来阻止我们对数组使用 for in 循环. 因为 for in 循环将会枚举原型链上的所有属性,并且唯一阻止的方法是使用 hasOwnProperty 来判断,这将比普通的 for 循环要慢不少. 遍历 为了达到最佳性能来遍历一个数组,最好的方式就是使用经典的 for 循环. 复制代码 代码如下: var list = [1, 2, 3, 4, 5, ...... 100000000];

  • javascript数组操作总结和属性、方法介绍

    一.数组的操作 1.数组的创建 复制代码 代码如下: var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);//创建一个数组并赋值 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了

  • 简单方法判断JavaScript对象为null或者属性为空

    首先说下null与undefined区别: 对已声明但未初始化的和未声明的变量执行typeof,都返回"undefined". null表示一个空对象指针,typeof操作会返回"object". 一般不显式的把变量的值设置为undefined,但null相反,对于将要保存对象的变量,应明确的让该变量保存null值. var bj; alert(bj); //"undefined" bj = null; alert(typeof bj); //&

  • JavaScript对象的property属性详解

    JavaScript中对象的property有三个属性:1.writable.该property是否可写.2.enumerable.当使用for/in语句时,该property是否会被枚举.3.configurable.该property的属性是否可以修改,property是否可以删除. 在ECMAScript 3标准中,上面三个属性的值均为true且不可改:新建对象的property是可写的.可被枚举的.可删除的:而在ECMAScript 5标准中,可通过property的描述对象(prope

  • 21个JavaScript事件(Events)属性汇总

    21个JavaScript事件(Events)属性汇总

    1.js事件通常和函数结合来使用,这样可以通过发生的事件来驱动函数的执行,从而引起html出现不同的效果. 2.属性(当这些事件的属性发生时,会触发function{}的函数): 1)onabort:当图像加载被中断时,会引发function内的函数. 2)onbur:当元素失去焦点: 3)onfocus:当元素获得焦点 4)onclick:鼠标点击某个对象 5)ondbclick:鼠标双击某个对象 6)onerror:当加载文档或图像时发生某个错误 7)onchange:当用户改变域的内容(o

随机推荐