TypeScript 中使用 const 和 readonly 的区别
在 TypeScript 中，const 和 readonly 都可以用来定义常量，但它们之间有一些区别，本文将详细介绍这些区别，并提供示例代码。
const
const 是 JavaScript 中用来定义常量的关键字。在 TypeScript 中，const 用来定义一个值不可变的常量。在以下示例中，我们定义了一个名为 PI 的常量，并将其设置为 3.14：
const PI = 3.14;
当我们尝试修改 PI 的值时，TypeScript 编译器会抛出一个编译时错误：
PI = 3.14159; // Error: Cannot assign to 'PI' because it is a constant.
这是因为 const 定义的常量是在编译时计算出来的，而不是在运行时计算出来的。这意味着在编译时，编译器会将所有使用 const 定义的常量替换为其实际值。
readonly
readonly 也用于定义常量，但它用于定义对象属性或类成员变量。当我们将一个属性或成员变量定义为 readonly 时，它只能在构造函数中进行赋值。一旦赋值完成，它就不能再被修改了。以下示例演示了如何在 TypeScript 中使用 readonly：
-- -------------------- ---- -------
----- ------ -
-------- ----- -------
----------------- ------- -
--------- - -----
-
-
--- ------ - --- --------------
------------------------- -- ------- ---
----------- - -------- -- ------ ------ ------ -- ------ ------- -- -- - --------- ---------在上面的示例中，我们定义了一个名为 name 的只读属性。在构造函数中，我们将其赋值为传入的参数 name。一旦赋值完成，name 就不能再被修改了。
readonly vs const
readonly 和 const 都用于定义常量，但它们之间有一些重要的区别。const 用于定义基本类型的常量，如数字、字符串和布尔值。readonly 用于定义对象属性或类成员变量的常量。以下是 readonly 和 const 的主要区别：
const 定义的常量是在编译时计算出来的，而 readonly 定义的常量是在运行时计算出来的。
const 只能用于定义基本类型的常量，而 readonly 可以用于定义对象属性或类成员变量的常量。
const 定义的常量可以在任何地方使用，而 readonly 定义的常量只能在对象属性或类成员变量中使用。
const 定义的常量可以用作类型注释，而 readonly 定义的常量不能用作类型注释。
在实际开发中，我们应该根据具体的需求选择使用 const 还是 readonly。如果我们需要定义基本类型的常量，那么应该使用 const。如果我们需要定义对象属性或类成员变量的常量，那么应该使用 readonly。
总结
在 TypeScript 中，const 和 readonly 都用于定义常量，但它们之间有一些重要的区别。const 用于定义基本类型的常量，而 readonly 用于定义对象属性或类成员变量的常量。const 定义的常量是在编译时计算出来的，而 readonly 定义的常量是在运行时计算出来的。在实际开发中，我们应该根据具体的需求选择使用 const 还是 readonly。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fa7bb5d10417a22265928c