TS中const和readonly的区别

在TypeScript（TS）中，const 和 readonly 都是用于确保变量或属性不被重新赋值的工具，但它们的使用场景和语义有所不同。

1.作用域和生命周期：

const 用于声明一个变量，并且这个变量的值在初始化后不能被重新赋值。它的作用域和生命周期取决于它被声明的位置。如果它在函数内部被声明，那么它的作用域就是该函数内部；如果它在全局作用域或模块作用域中声明，那么它的作用域就是整个文件或模块。

readonly 通常用于类属性或接口属性。它确保该属性在对象被创建后不能被修改。readonly 属性的作用域和生命周期与类的实例或接口的使用相关。

2.使用场景：

const 主要用于声明常量，这些常量可以是基本类型（如数字、字符串、布尔值）、对象字面量、数组字面量等。一旦初始化，这些值就不能再被改变。

readonly 主要用于类属性，确保类的实例在创建后，这些属性的值不会被改变。它也可以用于接口，以表示接口的实现者必须提供一个只读属性。

3.语法和用途：

const 声明一个不可变的变量绑定。它告诉TypeScript编译器该变量引用一个不能被重新赋值的值。

readonly 修饰类属性时，通常与类的构造函数一起使用，以确保在对象创建时初始化属性，并且在之后不被修改。它也可以用于接口，表示该属性在接口的实现中应该是只读的。

4.类型兼容性：

由于 const 变量不可重新赋值，它的类型在初始化后就固定了。尝试给 const 变量赋一个与初始类型不兼容的值会导致编译错误。

readonly 属性也具有固定的类型，但不同的是，它的类型由类的构造函数或接口定义决定。

示例：

// 使用 const 声明一个常量 
  const myConstant: string = "Hello, World!"; 
  // myConstant = "Goodbye, World!"; // 编译错误，不能重新赋值 
  // 使用 readonly 在类中声明一个只读属性 
  class MyClass { 
  readonly myProperty: string; 
  constructor(value: string) { 
  this.myProperty = value; 
  // this.myProperty = "another value"; // 编译错误，不能在类的方法中修改 readonly 属性 
  } 
  } 
  // 使用 readonly 在接口中声明一个只读属性 
  interface MyInterface { 
  readonly interfaceProperty: string; 
  } 
  const myObject: MyInterface = { 
  interfaceProperty: "Interface Property Value" 
  }; 
  // myObject.interfaceProperty = "new value"; // 编译错误，不能修改接口实现的只读属性

总的来说，const 和 readonly 在TypeScript中都是用来实现不可变性的，但它们的用途和上下文有所不同。const 主要用于变量，而 readonly 主要用于类属性和接口属性。