21、TypeScript 高级类型处理技巧

TypeScript 高级类型处理技巧

1. 使用 Object.defineProperty 及断言签名

1.1 JavaScript 中的 Object.defineProperty

在 JavaScript 里，我们能够借助 Object.defineProperty 动态定义对象属性。这在需要将属性设为只读时十分有用。例如，有一个存储对象，它有一个不应被覆盖的最大值：

const storage = {
  currentValue: 0
};
Object.defineProperty(storage, 'maxValue', {
  value: 9001,
  writable: false
});
console.log(storage.maxValue); // 9001
storage.maxValue = 2;
console.log(storage.maxValue); // still 9001

1.2 TypeScript 中的问题

不过，TypeScript 在处理 Object.defineProperty 时存在问题。若不明确断言为新类型， maxValue 不会被附加到 storage 的类型上。示例如下：

const storage = {