typescript 中的 readonly

背景

在 TypeScript 中，readonly 用于限制对象属性的修改。它确保属性值一旦初始化后，就不能再被更改。这提高了代码的安全性和可维护性。

使用方法

1
2
3
4
5
6
7
interface Point {
  readonly x: number;
  readonly y: number;
}

let p1: Point = { x: 10, y: 20 };
p1.x = 5; // Error: Cannot assign to 'x' because it is a read-only property.
  • readonly 属性：在定义时可以赋值，但之后无法修改。
  • 接口中的使用：接口中的属性可以标记为 readonly。

对比

特性 readonly 普通属性
可修改性 不可修改 可修改
安全性 高 较低
用途 常用于常量对象 常规对象

注意点

  • readonly 只影响编译时，它不会在运行时抛出错误。
  • readonly 不能防止对象内部可变数据结构的变化。

实际应用场景

  • 配置对象：用来定义不可变的配置或常量。
1
2
3
4
const config = {
  readonly appName: "MyApp",
  readonly version: "1.0.0"
};

确保应用在不同环境中使用一致的配置信息，提高代码稳定性。