对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze)

 

  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

  

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页