打字稿中的常量与只读
将变量声明为readonly 将不允许我们覆盖，即使它们是公共属性。
const 的行为方式，
const SOME_VARIABLE:number = 10;
如果我覆盖它的值，它将如何工作？
【问题讨论】：
标签： typescript
不能重新分配const 变量，就像readonly 属性一样。
本质上，当您定义一个属性时，您可以使用readonly 来防止重新分配。这实际上只是一个编译时检查。
当您定义 const 变量（并针对更新版本的 JavaScript 以在输出中保留 const）时，也会在运行时进行检查。
所以它们实际上都在做同样的事情，但一个用于变量，另一个用于属性。
const x = 5;
// Not allowed
x = 7;
class Example {
public readonly y = 6;
}
var e = new Example();
// Not allowed
e.y = 4;
重要提示...“不能重新分配”与不变性不同。
const myArr = [1, 2, 3];
// Not allowed
myArr = [4, 5, 6]
// Perfectly fine
myArr.push(4);
// Perfectly fine
myArr[0] = 9;
【讨论】：
myArr[0] = 9;。那你怎么能称它为常数呢？
myArr 是对可变对象的常量引用。您不能将其指向其他数组，但可以更改数组的内容。你 (myArr) 捡起一个盒子 ([1, 2, 3]) 并将它粘在你的手上 (const)。胶水意味着你不能放手拿起另一个盒子 (myArr = [4, 5, 6]) 或其他任何东西 (myArr = 'something else')。但是胶水并不能阻止某人将某些东西放入盒子 (myArr.push(4)) 或替换其中的某些内容 (myArr[0]=9)。
Array 相同，Object 也会发生...我们有责任将它们变为不可变的 - 它们不是。
ReadonlyArray<T> 来防止推送/弹出/移位等。仅编译时，但非常适合公共库 API 等。
const 和 readonly 之间的主要区别之一在于它如何与数组一起工作。 （设备形式已经是差异） 你必须使用
readonly Array<T>
在使用 Array 时， 其中 T 是泛型类型（谷歌了解更多）。
当您将任何数组声明为 const 时，您可以对数组执行可能会更改数组元素的操作。 例如。
const Arr = [1,2,3];
Arr[0] = 10; //OK
Arr.push(12); // OK
Arr.pop(); //Ok
//But
Arr = [4,5,6] // ERROR
但在只读数组的情况下，您不能如上所示更改数组。
arr1 : readonly Array<number> = [10,11,12];
arr1.pop(); //ERROR
arr1.push(15); //ERROR
arr1[0] = 1; //ERROR
【讨论】：
两者：
.push() if 数组）常量：
只读：
【讨论】：
readonly 不允许您在数组上执行.push()：Property 'push' does not exist on type 'readonly any[]'. ts(2339)
readonly 和构造函数的评论是其他答案中遗漏的关键元素。谢谢！
我认为接受的答案没有足够强调 const 应与变量一起使用，而 readonly 与类/接口属性一起使用。
readonly 仅在类型检查（编译时）期间检查，const 在运行时检查
声明一个属性为readonly并不意味着它的值不能改变：它意味着该属性不能被重新赋值，例如：
interface Person {
readonly info: { name: string; age: number };
}
//create a new person
// ...
person.info.age += 1; // this is valid
person.info = { name: "Johnny", age: 15 }; // this is invalid!
types：// Type 'readonly [10, 20]'
let y = [10, 20] as const;
// Type '{ readonly text: "hello" }'
let z = { text: "hello" } as const;
欲了解更多信息，请参阅the docs
【讨论】：
如https://www.typescriptlang.org/docs/handbook/interfaces.html#readonly-vs-const中所说
记住是使用 readonly 还是 const 的最简单方法是询问您是在变量还是属性上使用它。变量使用 const 而属性使用只读。
如下图所示，如果你在定义属性时声明 const，你会得到一个错误 https://i.imgur.com/cJfDqh9.png
【讨论】：
我认为这两个词的原因可能是它比替代词更容易实现。
例如，在 C++ 中，类可以有 const 成员。但是 C++ 有特殊的语法在构造函数运行之前初始化常量，所以从来没有真正对 const 进行任何“赋值”，比如：
class TestClass {
const int _x;
TestClass(int x) : _x(x) {}
}
_x(x) 在调用构造函数之前初始化 _x 变量。
在 Typescript 中，如果他们希望允许将成员声明为 const 并且认真对待变量为 const，则需要添加类似的语法。
"readonly" 与 const 并不完全相同。我认为，这意味着有些不同。它的意思是“允许在构造函数内赋值，但不再允许。”
【讨论】：