各位观众老爷们，大家好！今天咱们来聊聊 JavaScript 里的“冰冻术”—— Object.freeze()。这玩意儿能让你的对象变得像冰块一样坚不可摧，防止程序猿（包括你自己！）手贱乱改数据，引发各种奇奇怪怪的 bug。准备好了吗？系好安全带，咱们发车啦！
什么是 Object.freeze()？
简单来说，Object.freeze() 是 JavaScript 提供的一个方法，用于冻结一个对象。一旦一个对象被冻结，你就不能再往里面添加新的属性，也不能删除或修改现有的属性。这就像给你的对象穿上了一层金钟罩铁布衫，让它刀枪不入。
为什么要用 Object.freeze()？
你可能会问，JavaScript 本身就够灵活了，为啥还要给自己加限制呢？原因很简单：为了安全和可维护性。
- 防止意外修改： 在大型项目中，多个模块可能会访问和修改同一个对象。如果不小心，某个模块可能会意外地修改了对象的属性，导致其他模块出现意想不到的错误。
Object.freeze()可以有效地防止这种情况发生。 - 提高性能： JavaScript 引擎在处理不可变对象时，可以进行一些优化，从而提高程序的性能。虽然性能提升可能不明显，但在某些情况下还是有帮助的。
- 增强代码可读性： 当你看到一个对象被
Object.freeze()冻结时，你就知道这个对象是不可变的，不会被修改。这可以提高代码的可读性和可维护性。
Object.freeze() 的用法
Object.freeze() 的用法非常简单，只需要将要冻结的对象作为参数传递给它即可。
const person = {
name: '张三',
age: 30
};
Object.freeze(person);
// 现在，你不能再修改 person 对象了
person.age = 31; // 静默失败（在严格模式下会抛出 TypeError）
person.city = '北京'; // 静默失败（在严格模式下会抛出 TypeError）
delete person.name; // 静默失败（在严格模式下会抛出 TypeError）
console.log(person); // 输出：{ name: '张三', age: 30 }可以看到，即使我们试图修改 person 对象的属性，或者添加新的属性，都没有任何效果。person 对象仍然保持不变。
Object.freeze() 的特点
- 浅冻结：
Object.freeze()只能冻结对象的直接属性，而不能递归地冻结对象的属性值。如果对象的属性值是一个对象，那么这个对象仍然是可以修改的。 - 静默失败： 在非严格模式下，试图修改冻结对象的属性或添加新的属性，会静默失败，不会抛出错误。但在严格模式下，会抛出
TypeError错误。 - 不可逆： 一旦一个对象被冻结，就不能再解冻了。
Object.isFrozen()可以用来检查一个对象是否被冻结。
Object.freeze() 的局限性
虽然 Object.freeze() 非常有用，但它也有一些局限性。
- 浅冻结： 这是
Object.freeze()最大的局限性。如果你想完全冻结一个对象，需要递归地冻结对象的所有属性值。 - 只能冻结对象：
Object.freeze()只能冻结对象，不能冻结基本类型的值（例如字符串、数字、布尔值）。 - 性能开销： 虽然
Object.freeze()可以提高某些情况下的性能，但在其他情况下，它可能会带来一定的性能开销。
代码示例：浅冻结
const company = {
name: '阿里巴巴',
employees: [
{ name: '马云', age: 58 },
{ name: '张勇', age: 50 }
]
};
Object.freeze(company);
company.name = '腾讯'; // 静默失败（在严格模式下会抛出 TypeError）
company.employees.push({ name: '蔡崇信', age: 58 }); // 可以修改，因为 employees 是一个数组
console.log(company); // 输出：{ name: '阿里巴巴', employees: [ { name: '马云', age: 58 }, { name: '张勇', age: 50 }, { name: '蔡崇信', age: 58 } ] }可以看到，虽然 company 对象被冻结了，但 company.employees 数组仍然可以被修改。这是因为 Object.freeze() 只能冻结对象的直接属性，而不能递归地冻结对象的属性值。
代码示例：深冻结
为了解决 Object.freeze() 的浅冻结问题，我们可以编写一个递归函数来实现深冻结。
function deepFreeze(obj) {
// 冻结 obj 本身
Object.freeze(obj);
// 遍历 obj 的所有属性
for (const key in obj) {
// 如果属性值是对象或数组，则递归调用 deepFreeze
if (typeof obj[key] === 'object' && obj[key] !== null) {
deepFreeze(obj[key]);
}
}
return obj;
}
const company = {
name: '阿里巴巴',
employees: [
{ name: '马云', age: 58 },
{ name: '张勇', age: 50 }
]
};
deepFreeze(company);
company.name = '腾讯'; // 静默失败（在严格模式下会抛出 TypeError）
company.employees.push({ name: '蔡崇信', age: 58 }); // 静默失败（在严格模式下会抛出 TypeError）
company.employees[0].age = 59; // 静默失败（在严格模式下会抛出 TypeError）
console.log(company); // 输出：{ name: '阿里巴巴', employees: [ { name: '马云', age: 58 }, { name: '张勇', age: 50 } ] }现在，company 对象及其所有属性都被冻结了，任何试图修改它们的操作都会失败。
代码示例：检查对象是否被冻结
Object.isFrozen() 可以用来检查一个对象是否被冻结。
const person = { name: '张三', age: 30 };
console.log(Object.isFrozen(person)); // 输出：false
Object.freeze(person);
console.log(Object.isFrozen(person)); // 输出：true
const company = {
name: '阿里巴巴',
employees: [
{ name: '马云', age: 58 },
{ name: '张勇', age: 50 }
]
};
Object.freeze(company);
console.log(Object.isFrozen(company)); // 输出：true
console.log(Object.isFrozen(company.employees)); // 输出：false，因为 employees 只是浅冻结
deepFreeze(company);
console.log(Object.isFrozen(company.employees)); // 输出：true，因为 employees 被深冻结Object.seal() 和 Object.preventExtensions()
除了 Object.freeze() 之外，JavaScript 还提供了 Object.seal() 和 Object.preventExtensions() 两个方法，用于限制对象的修改。
Object.seal()： 封闭一个对象，阻止添加新属性并将所有现有属性标记为不可配置。当前属性的值只要原来是可写的就可以改变。简单来说，密封的对象不能添加或删除属性，但可以修改现有的属性值。Object.preventExtensions()： 阻止向对象添加新属性。但可以删除和修改现有属性。
可以用表格总结一下：
| 特性 | Object.freeze() |
Object.seal() |
Object.preventExtensions() |
|---|---|---|---|
| 添加新属性 | 否 | 否 | 否 |
| 删除现有属性 | 否 | 否 | 是 |
| 修改现有属性 | 否 | 是 (可写属性) | 是 |
| 配置属性 (configurable) | 否 | 否 | 是 |
何时使用 Object.freeze()？
- 常量对象： 当你需要定义一个常量对象，并且希望确保它不会被修改时，可以使用
Object.freeze()。例如，定义一些配置信息、枚举值等。 - 数据模型： 在某些情况下，你可能希望将数据模型定义为不可变的，以确保数据的完整性。
- 函数式编程： 在函数式编程中，不可变性是一个重要的概念。
Object.freeze()可以帮助你创建不可变的对象，从而更容易编写纯函数。 - 调试： 当你遇到一些难以调试的 bug 时，可以尝试使用
Object.freeze()来冻结一些关键的对象，看看是否能找到问题的根源。
一些使用建议
- 谨慎使用：
Object.freeze()可能会带来一定的性能开销，因此应该谨慎使用。只在必要的时候才使用它。 - 注意浅冻结：
Object.freeze()只能冻结对象的直接属性，因此需要注意浅冻结问题。如果需要完全冻结一个对象，可以使用深冻结函数。 - 结合 TypeScript： 如果你使用 TypeScript，可以结合
readonly关键字来更好地控制对象的不可变性。
总结
Object.freeze() 是 JavaScript 提供的一个非常有用的方法，可以帮助你创建不可变的对象，防止意外修改，提高代码的可读性和可维护性。但它也有一些局限性，需要谨慎使用。掌握 Object.freeze() 的用法，可以让你编写出更加健壮和可靠的 JavaScript 代码。
好了，今天的“冰冻术”讲座就到这里。希望大家有所收获！下次再见！