极客教程TypeScript中的readonly关键字详解
在TypeScript中，readonly是一个非常常用的关键字，用来声明一个变量或属性为只读，即该变量或属性不能被重新赋值。本文将详细解释readonly关键字的用法和作用。
1. 基本用法
readonly关键字用来声明一个变量或属性为只读，一旦被赋值后就不能被修改。在TypeScript中，使用readonly关键字来声明一个只读变量或属性的语法如下：
readonly variableName: type = value;
或者
class ClassName {
readonly propertyName: type = value;
}
下面是一个示例，演示了如何使用readonly关键字声明只读变量和属性：
// 只读变量
readonly PI: number = 3.14;
// 只读属性
class Circle {
readonly radius: number;
constructor(r: number) {
this.radius = r;
}
}
let c = new Circle(5);
console.log(c.radius); // 输出: 5
c.radius = 10; // 报错，无法修改只读属性
在上面的示例中，我们声明了一个只读变量PI和一个只读属性radius，并且演示了只读属性所具有的特性，一旦赋值后就无法修改。
2. 只读数组和只读对象
除了变量和属性之外，readonly关键字还可以用于数组和对象。使用readonly关键字修饰数组或对象后，其中的元素或属性也将变为只读，无法被修改。
下面是一个示例，演示了如何声明只读数组和只读对象：
// 只读数组
let numbers: readonly number[] = [1, 2, 3];
numbers[0] = 4; // 报错，无法修改只读数组
// 只读对象
let person: { readonly name: string, readonly age: number } = { name: 'Alice', age: 30 };
person.name = 'Bob'; // 报错，无法修改只读对象
在上面的示例中，我们声明了一个只读数组numbers和一个只读对象person，并演示了它们的只读特性，无法被修改。
3. 只读修饰符和const关键字的区别
在TypeScript中，readonly修饰符和const关键字都可以用来声明只读变量或属性，它们的作用非常相似，但有一些细微的区别。
readonly修饰符可以用于类的成员变量，而const关键字只能用于局部变量。readonly修饰符可以用于对象和数组，而const关键字不能用于对象和数组。
下面是一个示例，演示了readonly修饰符和const关键字的区别：
const num: number = 10;
num = 20; // 报错，无法修改const变量
class Person {
readonly name: string = 'Alice';
}
const p = new Person();
p.name = 'Bob'; // 报错，无法修改readonly属性
在上面的示例中，我们演示了使用const关键字和readonly修饰符声明只读变量和属性的情况，可以看到它们的不同之处。
4. 只读属性的赋值时机
在TypeScript中，只读属性的赋值时机有两种情况：一种是在声明时直接赋值，另一种是在构造函数中赋值。只读属性只能在声明或构造函数中赋值一次，之后就无法修改。
下面是一个示例，演示了只读属性的赋值时机：
class Animal {
readonly species: string;
constructor(s: string) {
this.species = s; // 构造函数中赋值
}
}
let dog = new Animal('Dog');
console.log(dog.species); // 输出: Dog
dog.species = 'Cat'; // 报错，无法修改只读属性
在上面的示例中，我们演示了只读属性的两种赋值时机：声明时直接赋值和构造函数中赋值，无论哪种方式都只能赋值一次，之后无法修改。
5. 总结
本文详细解释了TypeScript中的readonly关键字的用法和作用，包括基本用法、只读数组和只读对象、只读修饰符和const关键字的区别、只读属性的赋值时机等内容。readonly关键字在TypeScript中经常被用到，能够帮助我们更好地管理变量和属性的可变性，提高代码的可靠性和可维护性。