前面提到 ES5 对象属性描述符，这篇看看对象的扩展、密封和冻结。
- 扩展对象
- Object.preventExtensions
- Object.isExtensible
- 密封对象
- Object.seal
- Object.isSealed
- 冻结对象
- Object.freeze
- Object.isFrozen
1. Object.preventExtensions
阻止对象扩展，让一个对象变的不可扩展，也就是永远不能再添加新的属性
ES3 是没有办法阻止对象扩展的，定义对象后可以给对象添加任意属性，如
javascript;gutter:true;
var obj = {name: 'John'}</p>
<p>// 又添加一个属性 age
obj.age = 30</p>
<p>// 又添加一个方法
obj.setAge = function(a) {
this.age = a
}</p>
<pre><code>
ES5 的 Object.preventExtensions 则可以阻止给对象添加新属性
;gutter:true;
var obj = {name: ‘John’}
// 阻止对象扩展
Object.preventExtensions(obj)
// 添加新属性
obj.age = 30
// 测试新属性，是 undefined，表明未添加成功
console.log(obj.age)
如果严格模式，则会报错
javascript;gutter:true;
'use strict'
var obj = {name: 'John'}
Object.preventExtensions(obj)
obj.age = 30</p>
<pre><code>
如图
### 2. Object.isExtensible
判断一个对象是否可扩展，即是否可以给它添加新属性
默认普通对象都是可以扩展的，这和 ES3 保持一致
;gutter:true;
var obj = {}
// true，表示可扩展
Object.isExtensible(obj)
但调用 ES5 的 Object.preventExtensions 后就返回 false 了
javascript;gutter:true;
var obj = {}
Object.preventExtensions(obj)</p>
<p>// false，表示不可添加新属性
Object.isExtensible(obj)</p>
<pre><code>
### 3. Object.seal
让一个对象密封，并返回被密封后的对象。密封对象是指那些不能添加新的属性，不能删除已有属性，以及不能修改已有属性的可枚举性、可配置性、可写性，但可以修改已有属性的值的对象。
测试：添加新属性
;gutter:true;
var obj = {name: ‘John’}
// 密封
Object.seal(obj)
// 不能添加新属性
obj.age = 30
console.log(obj.age) // undefined
测试：删除已有属性
javascript;gutter:true;
var obj = {name: 'John'}</p>
<p>// 密封
Object.seal(obj)</p>
<p>// 不能删除已有属性
delete obj.name // false
console.log(obj.name) // 'John'，依然存在</p>
<pre><code>
测试：修改已有属性的可枚举性、可配置性、可写性
;gutter:true;
var obj = {name: ‘John’}
// 密封
Object.seal(obj)
// 修改已有的配置属性
Object.defineProperty(obj, ‘name’, {
configurable: true,
writable: true,
enumerable: true
})
浏览器提示报错
测试：修改已有属性的值
javascript;gutter:true;
var obj = {name: 'John'}</p>
<p>// 密封
Object.seal(obj)</p>
<p>// 可以修改已有属性的值
obj.name = 'Backus'
console.log(obj.name) // 'Backus'</p>
<pre><code>
### 4. Object.isSealed
判断一个对象是否是密封的（sealed）
普通对象是非密封的，和 ES3 保持一致
;gutter:true;
var obj = {}
Object.isSealed(obj) // false
调用 Object.seal 的对象是密封的
javascript;gutter:true;
var obj = {}
Object.seal(obj)
Object.isSealed(obj) // true</p>
<pre><code>
### 5. Object.freeze
这个方法比 Object.seal 更绝，冻结对象是指那些不能添加新的属性，不能修改已有属性的值，不能删除已有属性，以及不能修改已有属性的可枚举性、可配置性、可写性的对象。也就是说，这个对象永远是不可变的。
测试：添加新属性
;gutter:true;
var obj = {name: ‘John’}
Object.freeze(obj)
obj.age = 30
console.log(obj.age) // undefined
不能添加 age 属性，表明被冻结的对象不能添加新属性。如果是严格模式则报错，如图
测试：修改已有属性
javascript;gutter:true;
var obj = {name: 'John'}
Object.freeze(obj)
obj.name = 'Backus'
console.log(obj.name) // 'John'</p>
<pre><code>
想修改为 "Backus"，输出依然是 "John"，表明不能修改已有属性。如果是严格模式则报错，如图
测试：删除已有属性
;gutter:true;
var obj = {name: ‘John’}
Object.freeze(obj)
delete obj.name
console.log(obj.name) // ‘John’
想删除 “name” 属性，输出依然是 “John”，表明不能删除已有属性。如果是严格模式则报错，如图
测试：修改已有属性的可枚举性、可配置性、可写性
javascript;gutter:true;
var obj = {name: 'John'}
Object.freeze(obj)
Object.defineProperty(obj, 'name', {
configurable: true,
writable: true,
enumerable: true
})</p>
<pre><code>
这个在非严格模式中就报错了，表明 configurable/writable/enmuerable 不能修改，如图
### 6. Object.isFrozen
判断一个对象是否被冻结（frozen）
普通对象是非冻结的，和 ES3 保持一致
;gutter:true;
var obj = {name: ‘John’}
Object.isFrozen(obj) // false
调用 Object.freeze 的对象是冻结的
javascript;gutter:true;
var obj = {name: 'John'}
Object.freeze(obj)
Object.isFrozen(obj) // true
Original: https://www.cnblogs.com/snandy/p/5278474.html
Author: snandy
Title: ES5 对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze)
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/553517/
转载文章受原作者版权保护。转载请注明原作者出处！