冻结和密封的区别

15 浏览
0 Comments

冻结和密封的区别

我刚刚听说了JavaScript的freeze和seal方法，可以用来使任何对象不可变。

以下是如何使用它的简短示例：

var o1 = {}, o2 = {};
Object.freeze(o2);
o1["a"] = "worked";
o2["a"] = "worked";
alert(o1["a"]);   //输出"worked"
alert(o2["a"]);   //输出"undefined"

freeze和seal之间有什么区别？它们能提高性能吗？

0

3 答案

0 Comments

冻结和封闭的区别

在JavaScript中，有两种方法可以限制对象的修改：Object.freeze和Object.seal。这两种方法有一些共同点，但也存在一些区别。

Object.seal方法可以防止向封闭对象添加和/或删除属性。使用delete关键字将返回false。它还使每个现有属性都变为不可配置的，即无法从“数据描述符”转换为“访问器描述符”（反之亦然），并且无法修改访问器描述符的任何属性（而数据描述符可以更改其可写属性和值属性，如果可写为true的话）。在尝试修改封闭对象本身的值时，可能会抛出TypeError（在严格模式下最常见）。

Object.freeze方法除了Object.seal的功能外，还可以防止修改任何现有属性。

这两种方法都不会影响“深层”/子对象。例如，如果对象被冻结，无法重新分配对象的属性，但可以修改对象属性的值。

关于为什么要使用这些方法，可以有以下原因：首先，它们可以防止用户（甚至无意中）破坏代码。其次，这些方法可以优化代码，提高性能。

性能方面，不同的浏览器对枚举速度的影响有所不同。火狐浏览器不受影响，IE浏览器影响可以忽略，谷歌浏览器枚举速度更快，而Safari浏览器枚举速度较慢（截至2014年）。

冻结和封闭对象的使用可以帮助保护代码，提高性能，防止意外修改对象。

0
0 Comments

在测试项目中，我对这三种方法进行了比较：

- `Object.freeze()`

- `Object.seal()`

- `Object.preventExtensions()`

我的单元测试涵盖了CRUD案例：

- [C] 添加新属性

- [R] 读取已存在的属性

- [U] 修改已存在的属性

- [D] 删除已存在的属性

结果显示：

[图片](https://i.stack.imgur.com/6I1Ng.gif)

我一直认为DOM对象应该被封闭（当然，在填充之后）。这将有助于防止很多拼写错误。

你可以封闭你的DOM对象。只需创建一个名为`DEBUGMODE`的变量，并将其设置为`true`。然后，在`if (DEBUGMODE) { ... }`中放置确保所有DOM对象始终被封闭的功能。然后，当你准备分发网页脚本时，将`DEBUGMODE`更改为`false`，通过闭包编译器运行脚本，并分发它。就是这么简单。

谢谢你的评论。我只是在说我一直认为这是个好主意。我有很多学生因为输入类似`element.onlick=something`这样的代码而感到沮丧，因为它不起作用，但它并不是技术上的错误。

那么它就不会拼写成CRUD了。你只能将其改成类似RUDE的东西 😉

如果一个给定的属性由一个访问器描述符定义，那么冻结对象的值可以更新：`Object.defineProperty(o, "k", ((v) => ({ set(_v) { v = _v}, get: () => v }))())`

0
0 Comments

在这段内容中，提到了JavaScript中的freeze和seal的区别。它们的区别是：freeze使对象不可变，即不允许对已定义的属性进行更改，除非它们是对象；而seal阻止添加新属性，但已定义的属性仍然可以更改。

这段内容没有明确提到问题的原因和解决方法，但我们可以根据内容进行推测。

根据内容中的描述，可能的问题是在使用Object.seal()时，其似乎会影响原型属性的冻结。这可能引起了开发者的困惑，因为根据MDN的文档，Object.seal()只应该阻止添加新属性，而不会影响原型属性的冻结。

为了解决这个问题，开发者可以查阅MDN的相关文档，了解freeze和seal的具体用法和特点。此外，开发者还可以尝试使用其他方法来达到所需的效果，比如使用Object.defineProperty()来精确控制对象的属性。

我们可以整理出以下文章：

在JavaScript中，freeze和seal是两个常用的对象操作方法。它们的区别在于freeze使对象不可变，而seal阻止添加新属性。然而，在使用Object.seal()时，有一点可能会引起困惑。根据MDN的文档，Object.seal()应该只阻止添加新属性，而不会影响原型属性的冻结。因此，如果开发者遇到了Object.seal()影响原型属性冻结的情况，他们可以查阅MDN的文档来了解更多相关信息。此外，开发者还可以尝试使用其他方法，比如Object.defineProperty()，来精确控制对象的属性。

0