简述TypeScript中const和readonly的区别是什么？枚举和常量的区别？

八股文_TypeScript面试题 0 52

参考回答

const和readonly的区别：
– const 是用于声明常量的关键字，它限制变量在声明后不能被重新赋值。它作用于变量的引用（即变量的内存地址），不能改变引用的指向，但可以修改引用的内容（如果是引用类型）。
– readonly 是一种类型修饰符，主要用于对象的属性和数组元素，确保它们在初始化后不能被修改。readonly 适用于类的属性、接口定义等，限制的是属性本身的值。

枚举和常量的区别：
– 枚举（enum）是 TypeScript 中的一个特殊类型，允许开发者为一组数值或者字符串赋予一个易于阅读的名字。枚举类型可以是数字或字符串的集合，且支持反向映射（从值到名称）。
– 常量（const）是用来定义常量的关键字，它保证了某个变量的值不会被修改。常量一般是基本类型的值（如数字、字符串等），不会像枚举一样有值和名称的双向映射。

详细讲解与拓展

1. const和readonly的区别：

const：

const 修饰的变量不能重新赋值。例如：

const a = 10;
// a = 20; // Error: Cannot assign to 'a' because it is a constant

对于对象和数组，const 保证变量指向的引用不变，但引用的内容是可以修改的。例如：

const obj = { name: "John" };
obj.name = "Jane"; // 合法，因为我们只是修改了对象的属性，而没有改变引用本身
obj = { name: "Mike" }; // Error: Cannot assign to 'obj' because it is a constant

const 的作用范围是变量绑定，不影响对象或数组本身的可变性。

readonly：
- readonly 是修饰符，通常用于对象的属性或类的属性，确保它们不能被修改。例如：
```
class Person {
  readonly name: string;
  constructor(name: string) {
    this.name = name;
  }
}
const person = new Person("John");
// person.name = "Jane"; // Error: Cannot assign to 'name' because it is a read-only property
```
- readonly 主要用于保护对象的属性，使它们在初始化后不再被修改，而不是保护整个对象或变量的引用。

2. 枚举和常量的区别：

枚举：

枚举类型允许我们定义一组有意义的常量，但其本质上是一个具备数值映射和反向映射的对象。例如：

enum Direction {
  Up = 1,
  Down = 2,
  Left = 3,
  Right = 4
}
console.log(Direction.Up); // 输出：1
console.log(Direction[1]); // 输出：Up，反向映射

枚举也支持字符串值：

enum Direction {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT"
}
console.log(Direction.Up); // 输出：UP

枚举可以通过名字来引用值，也可以通过值来反向获取对应的名称。

常量：
- 常量是简单的不可修改的值。通常用 const 声明，常量本身没有像枚举那样的反向映射或额外的语义。例如：
```
const UP = 1;
const DOWN = 2;
console.log(UP); // 输出：1
// 常量没有反向映射
```
- 常量不具备枚举的双向映射功能，也不能像枚举那样容易扩展。

总结：
– const 是一个语法关键字，用来定义常量，不能修改变量绑定的值。
– readonly 是一个类型修饰符，用来修饰对象的属性，确保在初始化后不可以修改该属性。
– 枚举 是一个特殊的类型，用于组织相关常量，可以通过名称和数值互相映射。
– 常量 是一个基本的不可修改的值，没有枚举那样的双向映射和组织功能。

这种区分可以帮助我们根据需求选择最合适的方式来处理常量和不可变数据。

参考回答

详细讲解与拓展

发表评论 取消回复

发表评论取消回复