es6 Object的几个新方法
- 扩展对象
- Object.preventExtensions
- Object.isExtensible
- 密封对象
- Object.seal
- Object.isSealed
- 冻结对象
- Object.freeze
- Object.isFrozen
1. Object.preventExtensions
阻止对象扩展,让一个对象变的不可扩展,也就是永远不能再添加新的属性
ES3 是没有办法阻止对象扩展的,定义对象后可以给对象添加任意属性,如
|
1
2
3
4
5
6
7
8
9
|
var obj = {name: 'John'}// 又添加一个属性 ageobj.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 = 30console.log(obj.age) // undefined |
测试:删除已有属性
|
1
2
3
4
5
6
7
8
|
var obj = {name: 'John'}// 密封Object.seal(obj)// 不能删除已有属性delete obj.name // falseconsole.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 = 30console.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.nameconsole.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的几个新方法的更多相关文章
- ES6 Object.setPrototypeOf ()方法和defineProperty()方法的使用
将一个指定的对象的原型设置为另一个对象或者null(既对象的[[Prototype]]内部属性). 示例: <script type="text/javascript"> ...
- es6 Object对象扩展新方法
ES6给Object拓展了许多新的方法,如: keys(obj):获取对象的所有key形成的数组 var obj = { foo: 'bar', baz: 42 }; Object.keys ...
- javascript Object的新方法
今天复习es6,又看到Object的一堆方法,与es5的表现又有不一致,耗费了一整天,整理一下: 前几天在司徒正美的书里又看到了es5 Object的字眼,为了向下兼容,大神们也是牛逼的整理出一系列i ...
- 看es6 字符串新方法有感
'x'.repeat(3) // "xxx" 'hello'.repeat(2) // "hellohello" 'na'.repeat(0) // " ...
- firefox-Developer开发者站点——关于Object.create()新方法的介绍
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/create Objec ...
- JavaScript ES6 数组新方法 学习随笔
JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var ...
- vue学习(十六) 自定义私有过滤器 ES6字符串新方法 填充字符串
<div id="app"> <p>{{data | formatStr('yyyy-MM-dd')}}</p></div> //s ...
- ES5和ES6中对于继承的实现方法
在ES5继承的实现非常有趣的,由于没有传统面向对象类的概念,Javascript利用原型链的特性来实现继承,这其中有很多的属性指向和需要注意的地方. 原型链的特点和实现已经在之前的一篇整理说过了,就是 ...
- es6 Object.assign
ES6 Object.assign 一.基本用法 Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target).它至少需要两个对象作为参数,第一个参数是目 ...
随机推荐
- 洛谷 P3730 曼哈顿交易
https://www.luogu.org/problem/show?pid=3730 题目背景 will在曼哈顿开了一家交易所,每天,前来买卖股票的人络绎不绝. 现在,will想要了解持股的情况.由 ...
- 51Nod 1007 正整数分组 | DP (01背包)
Input示例 5 1 2 3 4 5 Output示例 1 分析:2组的差最小,那么每一组都要接近sum/2,这样就转化成了普通的0 - 1背包了 #include <bits/stdc++. ...
- C11内存管理之道:智能指针
1.shared_ptr共享智能指针 std::shared_ptr使用引用计数,每个shared_ptr的拷贝都指向相同的内存,在最后一个shared_ptr析构的时候,内存才会释放. 1.1 基本 ...
- jQuery中val()、text()、html()之间的差别
一.括号里没有值时表示取值 val获取表单中的值: text获取对象中的文本内容,不包含html标签: html获取对象中的内容,包括html标签 <!DOCTYPE HTML> & ...
- 【STSRM10】dp只会看规律
[算法]区间DP [题意]平面上有n个点(xi,yi),用最少个数的底边在x轴上且面积为S的矩形覆盖这些点(在边界上也算覆盖),n<=100. [题解]随机大数据下,贪心几乎没有错误,贪心出奇迹 ...
- 15、简述MySQL的执行计划?
具体的Mysql的执行计划,请参考下面的链接: MySQL_执行计划详细说明
- HDU 2899 三分
我们对这个函数求二阶导数,发现他的二阶导数是恒大于0的,那么他的导数是单调的,且在某时刻为0,那么这时的x值就是极值处的x值,其实题目说了,有最小值,那么我们三分水过去就好了. 反思:精度不够,因为是 ...
- hdu 1150 Machine Schedule(二分匹配,简单匈牙利算法)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1150 Machine Schedule Time Limit: 2000/1000 MS (Java/ ...
- Java多线程学习(四)等待/通知(wait/notify)机制
转载请备注地址:https://blog.csdn.net/qq_34337272/article/details/79690279 系列文章传送门: Java多线程学习(一)Java多线程入门 Ja ...
- 11个让你吃惊的linux命令
我已经用了十年的Linux了,通过今天这篇文章我将向大家展示一系列的命令.工具和技巧,我希望一开始就有人告诉我这些,而不是曾在我成长道路上绊住我. AD: 我已经用了十年的Linux了,通过今天这篇文 ...