打字稿中的const和readonly之间的区别

Question

打字稿中的常量vs只读

声明变量,readonly即使它们是公共属性,也不允许我们覆盖它.

const如何表现,

const SOME_VARIABLE:number = 10;

如果我覆盖它的价值,它将如何运作？

Answer 1

一个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;

Answer 2

1. 我认为接受的答案没有足够强调const预期与类/接口属性一起使用的变量readonly。

2. readonly仅在类型检查（编译时）期间检查，而const在运行时检查

3. 声明一个属性并不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!

4. 从 TS 3.4 开始，有const 断言用于定义types：

// Type 'readonly [10, 20]'
let y = [10, 20] as const;

// Type '{ readonly text: "hello" }'
let z = { text: "hello" } as const;

有关更多信息，请参阅文档

Answer 3

两个都：

• 可以更改（例如通过.push()if 数组）

常量：

• 不能重新分配
• 用于变量

只读：

• 可以重新分配，但只能在构造函数中
• 用于属性（类成员）

Answer 4

const和readonly之间的主要区别之一是它与数组的工作方式。（appart形式已经是ans diff）使用Array时，必须使用ReadonlyArray，其中T是泛型类型（更多信息请使用google类型）。

当您将任何数组声明为const时，您可以对数组执行操作，这可能会更改数组元素。对于前。

const Arr = [1,2,3];

Arr[0] = 10;   //OK
Arr.push(12); // OK
Arr.pop(); //Ok

//But
Arr = [4,5,6] // ERROR

但是在ReadonlyArray的情况下，您不能如上所述更改数组。

arr1 : ReadonlyArray<number> = [10,11,12];

arr1.pop();    //ERROR
arr1.push(15); //ERROR
arr1[0] = 1;   //ERROR

Answer 5

如https://www.typescriptlang.org/docs/handbook/interfaces.html#readonly-vs-const所述

记住是使用 readonly 还是 const 的最简单方法是询问您是在变量还是属性上使用它。变量使用 const 而属性使用只读。

如下图所示，如果您在定义属性时声明 const，您将收到错误 https://i.imgur.com/cJfDqh9.png