在javascript中密封、冻结和防止对象扩展
【下载Infragistics Ultimate最新版本】
在现代的JavaScript中，对象是不可分割的，对对象周围的主题有很强的理解是编写更好的JavaScript所必需的。您可以用JavaScript以四种方式创建对象。
一旦知道如何创建对象，您可能希望了解对象属性描述符。综上所述，假设您有一个对象——cat：
1
2
3
4
var cat = {
name: 'foo',
age: 9
}
每个对象属性包含的信息不仅仅是一个值。例如，可以使用object.getownPropertyDescriptor方法打印其他属性信息。
1
console.log(Object.getOwnPropertyDescriptor(cat, 'name'));
在控制台上，可以看到属性名提供了更多信息：
很明显，如果将writable设置为true，则可以重写属性值等。您可以在此处阅读有关javascript对象属性描述符的更多信息。
到目前为止，您已经了解了对象属性描述符，因此如果需要将属性设置为只读，您将把该属性设置为可写。
1
Object.defineProperty(cat, 'name', { writable: false });
下一步，让我们讨论一下更改JavaScript对象默认行为的更多要求。
防止对象具有新属性
除要求1外，将所有可配置的属性标记为假
除了要求2之外，还应使所有属性都可写为false
从ECMA 6开始，您有实现上述要求的方法。让我们一个接一个地拿着：
Object.preventExtensions
比如说，你有一个对象——cat：
1
2
3
4
var cat = {
name: 'foo',
age: 9
}
使用默认行为，您可以向JavaScript对象添加属性。因此，可以进行以下操作：
1
2
cat.color = 'black';
console.log(cat.color); // black
要防止默认行为在对象中动态添加属性，需要使用object.preventextensions（）。此方法阻止对象添加新属性。
1
2
3
Object.preventExtensions(cat);
cat.color = 'black';
console.log(cat.color); // undefined
在对象上使用object.preventextensions之后，如果添加新的属性颜色，javascript将忽略它，并且作为输出，您将得到未定义的。
如果javascript处于严格模式，则如果向不可扩展的对象添加新属性，则会出现错误。
1
2
3
4
5
6
7
8
9
10
'use strict'
var cat = {
name: 'foo',
age: 9
}
Object.preventExtensions(cat);
cat.color = 'black';
console.log(cat.color); // error thrown
在严格模式下，您将收到一个错误，消息传递非常清楚，即“cannot add property, object is not extensible”
总而言之，您应该使用object.preventextensions方法来防止向对象添加新属性。
Object.seal
假设你想封一个物体，意思是：
- 您应该无法添加新属性（调用object.preventextensions（））
- 不应更改任何配置（将可配置属性设置为false）
可以使用object.seal（）方法密封对象。让我们再次考虑一个对象——cat：
1
2
3
4
5
var cat = {
name: 'foo',
age: 9
}
您不希望将新属性添加到cat中，并且所有属性的可配置性都应设置为false。可以使用object.seal（）方法执行此操作：
1
2
3
4
Object.seal(cat);
cat.color = 'black';
console.log(cat.color); // undefined
console.log(Object.getOwnPropertyDescriptor(cat, 'name'));
因为您有一个密封的对象作为输出，所以您将得到未定义和可配置的设置为false。
总而言之，应该使用object.seal（）来密封对象。您将无法添加新属性，并且将配置设置为“false”。
Object.freeze
假设你想冻结一个物体，意思是：
- 您应该无法添加新的属性，这意味着调用object.preventextensions（）。
- 不应更改任何配置（将属性的configurable设置为false）
- 对于所有属性，writable应设置为false。
可以使用object.freeze（）方法冻结对象。它本质上调用object.seal（）方法，并将可写属性设置为false。
让我们考虑一个对象——cat：
1
2
3
4
var cat = {
name: 'foo',
age: 9
}
不应将新属性添加到对象中，所有属性的可配置性应设置为false，属性的可写性应设置为false。可以使用object.freeze（）方法执行此操作：
1
2
3
4
5
6
Object.freeze(cat);
cat.age = 10;
cat.color = 'black';
console.log(cat.age); //9
console.log(cat.color); // undefined
console.log(Object.getOwnPropertyDescriptor(cat, 'name'));
由于您已经冻结了对象，作为输出，您将得到未定义、9和可配置和可写设置为false。
总而言之，应该使用object.freeze（）冻结对象。一旦冻结对象，就不能添加新属性或重写属性值，而configurable将设置为false。
总结
在使用JavaScript中的对象时，您需要对创建对象的不同方法有很强的理解。非常需要属性描述符、object.seal、object.preventextensions和object.freeze。希望你现在能更好地理解这些概念。
{!-- PGC_COLUMN --}本文转载自：https://www.infragistics.com/community/blogs/b/infragistics/posts/how-to-seal-freeze-and-prevent-...
作者｜：https://my.oschina.net/u/4009527/blog/2996302