1. 扩展对象
    1. Object.preventExtensions
    2. Object.isExtensible
  2. 密封对象
    1. Object.seal
    2. Object.isSealed
  3. 冻结对象
    1. Object.freeze
    2. Object.isFrozen

1. Object.preventExtensions

阻止对象扩展,让一个对象变的不可扩展,也就是永远不能再添加新的属性

ES3 是没有办法阻止对象扩展的,定义对象后可以给对象添加任意属性,如

1
2
3
4
5
6
7
8
9
var obj = {name: 'John'}
 
// 又添加一个属性 age
obj.age = 30
 
// 又添加一个方法
obj.setAge = function(a) {
    this.age = a
}

ES5 的 Object.preventExtensions 则可以阻止给对象添加新属性

1
2
3
4
5
6
7
8
9
10
var obj = {name: 'John'}
 
// 阻止对象扩展
Object.preventExtensions(obj)
 
// 添加新属性
obj.age = 30
 
// 测试新属性,是 undefined,表明未添加成功
console.log(obj.age)

如果严格模式,则会报错

1
2
3
4
'use strict'
var obj = {name: 'John'}
Object.preventExtensions(obj)
obj.age = 30

如图

2. Object.isExtensible

判断一个对象是否可扩展,即是否可以给它添加新属性

默认普通对象都是可以扩展的,这和 ES3 保持一致

1
2
3
4
var obj = {}
 
// true,表示可扩展
Object.isExtensible(obj)

但调用 ES5 的 Object.preventExtensions 后就返回 false 了

1
2
3
4
5
var obj = {}
Object.preventExtensions(obj)
 
// false,表示不可添加新属性
Object.isExtensible(obj)

3. Object.seal

让一个对象密封,并返回被密封后的对象。密封对象是指那些不能添加新的属性,不能删除已有属性,以及不能修改已有属性的可枚举性、可配置性、可写性,但可以修改已有属性的值的对象。

测试:添加新属性

1
2
3
4
5
6
7
8
var obj = {name: 'John'}
 
// 密封
Object.seal(obj)
 
// 不能添加新属性
obj.age = 30
console.log(obj.age) // undefined

测试:删除已有属性

1
2
3
4
5
6
7
8
var obj = {name: 'John'}
 
// 密封
Object.seal(obj)
 
// 不能删除已有属性
delete obj.name // false
console.log(obj.name) // 'John',依然存在

测试:修改已有属性的可枚举性、可配置性、可写性

1
2
3
4
5
6
7
8
9
10
11
var obj = {name: 'John'}
 
// 密封
Object.seal(obj)
 
// 修改已有的配置属性
Object.defineProperty(obj, 'name', {
    configurable: true,
    writable: true,
    enumerable: true
})

浏览器提示报错

测试:修改已有属性的值

1
2
3
4
5
6
7
8
var obj = {name: 'John'}
 
// 密封
Object.seal(obj)
 
// 可以修改已有属性的值
obj.name = 'Backus'
console.log(obj.name) // 'Backus'

  

4. Object.isSealed

判断一个对象是否是密封的(sealed)

普通对象是非密封的,和 ES3 保持一致

1
2
var obj = {}
Object.isSealed(obj) // false

调用 Object.seal 的对象是密封的

1
2
3
var obj = {}
Object.seal(obj)
Object.isSealed(obj) // true

5. Object.freeze

这个方法比 Object.seal 更绝,冻结对象是指那些不能添加新的属性,不能修改已有属性的值,不能删除已有属性,以及不能修改已有属性的可枚举性、可配置性、可写性的对象。也就是说,这个对象永远是不可变的。

测试:添加新属性

1
2
3
4
var obj = {name: 'John'}
Object.freeze(obj)
obj.age = 30
console.log(obj.age) // undefined

不能添加 age 属性,表明被冻结的对象不能添加新属性。如果是严格模式则报错,如图

测试:修改已有属性

1
2
3
4
var obj = {name: 'John'}
Object.freeze(obj)
obj.name = 'Backus'
console.log(obj.name) // 'John'

想修改为 "Backus",输出依然是 "John",表明不能修改已有属性。如果是严格模式则报错,如图

测试:删除已有属性

1
2
3
4
var obj = {name: 'John'}
Object.freeze(obj)
delete obj.name
console.log(obj.name) // 'John'

想删除 "name" 属性,输出依然是 "John",表明不能删除已有属性。如果是严格模式则报错,如图

测试:修改已有属性的可枚举性、可配置性、可写性

1
2
3
4
5
6
7
var obj = {name: 'John'}
Object.freeze(obj)
Object.defineProperty(obj, 'name', {
    configurable: true,
    writable: true,
    enumerable: true
})

这个在非严格模式中就报错了,表明 configurable/writable/enmuerable 不能修改,如图

6. Object.isFrozen

判断一个对象是否被冻结(frozen)

普通对象是非冻结的,和 ES3 保持一致

1
2
var obj = {name: 'John'}
Object.isFrozen(obj) // false

调用 Object.freeze 的对象是冻结的

1
2
3
var obj = {name: 'John'}
Object.freeze(obj)
Object.isFrozen(obj) // true

  

es6 Object的几个新方法的更多相关文章

  1. ES6 Object.setPrototypeOf ()方法和defineProperty()方法的使用

    将一个指定的对象的原型设置为另一个对象或者null(既对象的[[Prototype]]内部属性). 示例: <script type="text/javascript"> ...

  2. es6 Object对象扩展新方法

    ES6给Object拓展了许多新的方法,如: keys(obj):获取对象的所有key形成的数组     var obj = { foo: 'bar', baz: 42 };  Object.keys ...

  3. javascript Object的新方法

    今天复习es6,又看到Object的一堆方法,与es5的表现又有不一致,耗费了一整天,整理一下: 前几天在司徒正美的书里又看到了es5 Object的字眼,为了向下兼容,大神们也是牛逼的整理出一系列i ...

  4. 看es6 字符串新方法有感

    'x'.repeat(3) // "xxx" 'hello'.repeat(2) // "hellohello" 'na'.repeat(0) // " ...

  5. firefox-Developer开发者站点——关于Object.create()新方法的介绍

    https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/create Objec ...

  6. JavaScript ES6 数组新方法 学习随笔

    JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var ...

  7. vue学习(十六) 自定义私有过滤器 ES6字符串新方法 填充字符串

    <div id="app"> <p>{{data | formatStr('yyyy-MM-dd')}}</p></div> //s ...

  8. ES5和ES6中对于继承的实现方法

    在ES5继承的实现非常有趣的,由于没有传统面向对象类的概念,Javascript利用原型链的特性来实现继承,这其中有很多的属性指向和需要注意的地方. 原型链的特点和实现已经在之前的一篇整理说过了,就是 ...

  9. es6 Object.assign

    ES6 Object.assign 一.基本用法 Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target).它至少需要两个对象作为参数,第一个参数是目 ...

随机推荐

  1. 9.python爬虫--pyspider

    pyspider简介 PySpider:一个国人编写的强大的网络爬虫系统并带有强大的WebUI.采用Python语言编写,分布式架构,支持多种数据库后端,强大的WebUI支持脚本编辑器,任务监视器,项 ...

  2. Nginx完整配置配置样例

    nginx.conf user www www; ## Default: nobody worker_processes 5; ## Default: 1 error_log logs/error.l ...

  3. JDBC和Ibatis中的Date,Time,Timestamp处理

    在此前,遇到过使用Ibatis操作Oracle时时间精度丢失的问题,昨天又遇到JDBC操作MySQL时间字段的问题,从网上看到各种式样的解释这些问题的博文/帖子,但多是雾里看花,不得要领. 理解JDB ...

  4. ASP.NET AjaxControlToolkit-Framework4.0 配置实用(简单介绍CalendarExtender日期控件)

    1:下载:AjaxControlToolkit Ajax Control Toolkit .NET 4 Ajax Control Toolkit .NET 4.5 Ajax Control Toolk ...

  5. input file 文件上传,js控制上传文件的大小和格式

    文件上传一般是用jquery的uploadify,比较好用.后面会出文章介绍uploadify这个插件. 但是,有时候为了偷懒,直接就用input 的file进行文件和图片等的上传,input fil ...

  6. Msfvenom学习总结-MSF反弹webshell

    1.    –p (- -payload-options) 添加载荷payload. 载荷这个东西比较多,这个软件就是根据对应的载荷payload生成对应平台下的后门,所以只有选对payload,再填 ...

  7. Vue组件-动态组件

    动态组件 通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以让多个组件使用同一个挂载点,并动态切换: <div id="app6"& ...

  8. 用__builtin_return_address获得程序运行栈情况【转】

    转自:http://blog.csdn.net/vpwork/article/details/7680102 %pF versatile_init+0x0/0x110 %pf versatile_in ...

  9. python 判断文件的创建时间和当前时间的比较

    import os import time import datetime filePath=r"C:\pyweibo\cookies5673210223" ctime=os.pa ...

  10. 【java报错】Unknown character set index for field '224' received from server.

    在捣腾免费数据库时,使用的一个数据库提供商的服务器使用utf8mb4编码,而我的jar包还是八百年前的.然后...然后就报错了... (1) MYSQL 5.5 之前, UTF8 编码只支持1-3个字 ...