不能直接用 await 配合 object.freeze 冻结异步结果，必须先 await 获取值再调用 object.freeze；需确保值为非 null 对象，冻结后返回原引用，且仅浅冻结，深度冻结需额外处理。
不能直接用 await 配合 Object.freeze “冻结异步结果”，因为 await 是运行时行为，Object.freeze 是同步操作——你只能在异步值**拿到之后**再冻结它，而非“自动冻结未来值”。关键在于时机控制和封装逻辑，而非语法联动。
先 await 拿到值，再 freeze —— 最简可靠方式
这是最直观、无陷阱的做法：等待 Promise 解析完成，得到具体对象后，立即冻结。
- 确保异步操作返回的是普通对象（非 Proxy、类实例等），否则冻结可能不彻底
- 冻结前检查是否为 object 类型且非 null，避免对 primitive 或 null 调用 freeze 报错
- 冻结后返回的仍是原对象（freeze 返回原引用），可链式使用
示例：
async function fetchUser() {
const res = await fetch('/api/user');
const user = await res.json();
return Object.freeze(user); // ✅ 冻结已解析的对象
}
// 使用
const user = await fetchUser();
user.name = 'hacker'; // ❌ 严格模式下报错，非严格模式静默失败
封装成可复用的冻结工具函数
把“await + freeze”逻辑收拢，提升可读性和复用性，尤其适合多处需要冻结异步结果的场景。
- 函数接收一个 Promise，返回一个 Promise，其 resolve 值是冻结后的对象
- 支持泛型或类型推导（TypeScript 下更安全）
- 可选加入浅冻结判断，避免重复 freeze 已冻结对象
示例：
async function freezeAsync<t>(promise: Promise<t>): Promise<readonly>> {
const value = await promise;
if (value && typeof value === 'object') {
Object.freeze(value);
}
return value as Readonly<t>;
}
// 使用
const config = await freezeAsync(fetch('/config').then(r => r.json()));
// config 现在是 readonly，编辑器和 TS 会提示不可赋值
</t></readonly></t></t>
配合 class 构造不可变状态实体
若需更强语义（如明确区分“加载中/成功/失败”），可用 class 封装状态 + 冻结 payload，同时屏蔽 setter。
- 构造函数内 await 并 freeze 数据，内部属性设为 private
- 只暴露 getter，不提供修改接口
- 冻结发生在实例化完成时，保证外部拿到的就是终态不可变对象
示例：
class FrozenState<t> {
#data: Readonly<t>;
constructor(promise: Promise<t>) {
this.#data = Object.freeze(await promise);
}
get data() { return this.#data; }
}
// 使用
const state = new FrozenState(fetch('/data').then(r => r.json()));
console.log(state.data.id); // ✅ 可读
state.data.id = 123; // ❌ 无效（冻结生效）
</t></t></t>
注意冻结的局限性与替代思路
Object.freeze 是浅冻结：只冻结第一层属性，嵌套对象仍可变。若需深度不可变，需额外处理。
- 简单场景下，约定数据结构扁平，或手动 freeze 嵌套对象
- 复杂嵌套推荐用
immer的freeze模式，或用structuredClone+ freeze 组合（现代环境） - 真正追求强不可变语义，可考虑
Proxy拦截 + 冻结，但开销大，通常不必要
例如浅冻结不足时：
function deepFreeze(obj) {
if (obj && typeof obj === 'object') {
Object.getOwnPropertyNames(obj).forEach(prop => {
if (obj[prop] && typeof obj[prop] === 'object') {
deepFreeze(obj[prop]);
}
});
}
return Object.freeze(obj);
}
