JavaScript Academy · 课时

Object.freeze 与 seal

Q: 「Object.freeze 与 seal」这节课中我会学到什么？

阻止对象发生更改。 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

阻止对象发生更改。

Object.freeze 与 seal 是 CoddyKit 上的免费 JavaScript Academy 课时。这是第 1 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 JavaScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 4 节课。

为何冻结对象？

不可变性意味着数据创建后不能再改变。它可以防止意外修改，让代码更容易理解和推理，并避免整类错误。

JavaScript 提供了 Object.freeze 和 Object.seal，用于锁定对象。

Object.freeze 基础

Object.freeze 会让对象完全只读：您不能添加、删除或修改属性。它会返回同一个对象，只是该对象现在已被冻结。

const user = Object.freeze({ name: 'Ada', age: 36 });
user.age = 99;
console.log(user.age);

使用 isFrozen 检查

Object.isFrozen 可以告诉您对象是否已被冻结。在尝试更新之前进行检查很有用。

const config = Object.freeze({ debug: false });
const settings = { theme: 'dark' };

console.log(Object.isFrozen(config));
console.log(Object.isFrozen(settings));

静默失败与严格模式失败

在非严格代码中，向被冻结对象写入会静默失败。在严格模式下则会抛出 TypeError。无论哪种情况，值都不会改变。

'use strict';
const frozen = Object.freeze({ x: 1 });
try {
  frozen.x = 2;
} catch (e) {
  console.log(e.name);
}
console.log(frozen.x);

冻结会阻止新属性

冻结也会阻止添加属性。新的 key 根本不会出现。

const point = Object.freeze({ x: 0 });
point.y = 5;
console.log(point.y);
console.log(Object.keys(point));

冻结会阻止删除

您也不能从被冻结的对象中删除属性。该属性会保持不变。

const obj = Object.freeze({ keep: 'me' });
delete obj.keep;
console.log(obj.keep);

Object.seal 有所不同

Object.seal 没有 freeze 那么严格。您不能添加或删除属性，但仍然可以修改已有的值。

const sealed = Object.seal({ count: 1 });
sealed.count = 2;
sealed.extra = 3;

console.log(sealed.count);
console.log(sealed.extra);

使用 isSealed 检查

Object.isSealed 会报告对象是否已密封。请注意，每个被冻结的对象也都是已密封的对象，但反过来并不成立。

const sealed = Object.seal({ a: 1 });
const frozen = Object.freeze({ b: 2 });

console.log(Object.isSealed(sealed));
console.log(Object.isSealed(frozen));
console.log(Object.isFrozen(sealed));

freeze 与 seal 总结

freeze：不能添加、删除或修改。seal：不能添加或删除，但允许修改。当结构固定而值仍会变化时，请选择 seal。

const f = Object.freeze({ v: 1 });
const s = Object.seal({ v: 1 });

f.v = 100;
s.v = 100;

console.log('frozen v:', f.v);
console.log('sealed v:', s.v);

preventExtensions

最宽松的锁定方式是 Object.preventExtensions：您不能添加属性，但可以修改和删除已有属性。三种方式中它的限制最少。

const obj = Object.preventExtensions({ a: 1 });
obj.a = 2;
obj.b = 3;

console.log(obj.a);
console.log(obj.b);
console.log(Object.isExtensible(obj));

为何这很重要

冻结配置和常量可以防止整个代码库中发生意外编辑。但请记住：Object.freeze 是浅层的，因此嵌套对象仍然可以修改。下一节会解决这个问题。

const SETTINGS = Object.freeze({ maxRetries: 3 });
function tryUpdate() {
  SETTINGS.maxRetries = 10;
}
tryUpdate();
console.log(SETTINGS.maxRetries);

快速检查

Object.freeze 和 Object.seal 有什么区别？

回顾：freeze 与 seal

您已经学会了如何锁定对象：

Object.freeze：不能添加、删除或修改。使用 isFrozen 检查。
Object.seal：不能添加或删除，但允许修改。
preventExtensions：只阻止添加。
三者都是浅层的，接下来我们将学习深度冻结。

常见问题解答

「Object.freeze 与 seal」课时是免费的吗？

是的 — 「Object.freeze 与 seal」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 JavaScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 4 节课。

「Object.freeze 与 seal」这节课中我会学到什么？

阻止对象发生更改。你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 JavaScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 1 节课，共 4 节。

「Object.freeze 与 seal」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 JavaScript Academy 课中编写并运行代码吗？

能。每节 JavaScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 JavaScript Academy