当前位置：首页 > news >正文

本溪网站制作云资源软文发布平台

news 2025/7/9 11:11:18

本溪网站制作,云资源软文发布平台,深圳罗湖建网站,免备案空间免费const与readonly详解大家好，我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，我们将深入探讨在TypeScript中常用的const与readonly关键字，了解它…

const与readonly详解

大家好，我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，我们将深入探讨在TypeScript中常用的const与readonly关键字，了解它们的作用、使用场景以及区别。

什么是const与readonly？

在TypeScript中，const和readonly都是用于声明常量或只读变量的关键字，但它们在使用场景和行为上有一些不同之处。

const关键字

const用于声明常量，一旦赋值后就不能再修改。示例代码如下：

const PI = 3.14;
// PI = 3.14159; // Error: Cannot assign to 'PI' because it is a constant.

readonly关键字

readonly用于声明只读属性，可以在声明时或构造函数中初始化，但之后就不能再修改。示例代码如下：

class Circle {readonly radius: number;constructor(radius: number) {this.radius = radius;}// radius cannot be modified in other methods
}

区别与使用场景

const适用于基本数据类型和对象引用： const适用于声明基本数据类型和引用类型的常量，但对于引用类型，只是保证引用地址不变，而非对象的内部属性不变。
```
const name: string = "John";
const person: { age: number } = { age: 25 };// For objects, properties can still be modified
person.age = 26;
```

readonly适用于类属性和数组： readonly更适用于类的属性和数组，用于确保对象属性或数组元素的不可修改性。

class Car {readonly brand: string;constructor(brand: string) {this.brand = brand;}
}const myCar = new Car("Toyota");
// myCar.brand = "Honda"; // Error: Cannot assign to 'brand' because it is a read-only property.const numbers: readonly number[] = [1, 2, 3];
// numbers.push(4); // Error: Property 'push' does not exist on type 'readonly number[]'.

const是编译时常量，readonly是运行时常量： const是在编译时计算并内联的常量，而readonly是在运行时进行检查的。

const dynamicValue = Math.random(); // computed at runtime
const CONST_VALUE = dynamicValue; // Error: Initializer of 'CONST_VALUE' is not a constant expression.