Skip to content

只读属性

在TypeScript中,您可以使用只读属性(Readonly)来定义接口的属性,这意味着这些属性只能在对象初始化时被赋值,并且不能在对象创建后被修改。
在const和只读属性之间,如何选择 最简单判断该用readonly还是const的方法是看要把它做为变量使用还是做为一个属性。 做为变量使用的话用const,若做为属性则使用readonly。 以下是如何在接口中定义只读属性的示例:

typescript
interface Person {
  readonly name: string;
  readonly age: number;
}

const person: Person = {
  name: 'Alice',
  age: 25,
};

console.log(person.name); // 输出 "Alice"
console.log(person.age); // 输出 25

person.name = 'Bob'; // 错误,无法分配到 "name" ,因为它是只读属性
person.age = 30; // 错误,无法分配到 "age" ,因为它是只读属性

在上面的例子中,Person接口的nameage属性都被标记为只读属性(使用readonly关键字)。然后,我们使用该接口来定义person对象,并且在对象创建后,无法对只读属性进行修改。
尝试对只读属性进行赋值操作会导致编译错误。这可以帮助我们在代码中保持只读属性的数据完整性和不可变性,以防止不经意的修改。
需要注意的是,只读属性只能在对象创建时初始化,并且不能在后续的代码中进行修改。但是,如果我们将一个只读属性所属的对象赋值给一个新的变量,那么这个新变量的属性可以重新赋值:

typescript
const person: Person = {
  name: 'Alice',
  age: 25,
};

const newPerson: Person = person; // 允许,可以将只读属性所属的对象赋值给新的变量

newPerson.name = 'Bob'; // 错误,无法分配到 "name" ,因为它是只读属性
newPerson.age = 30; // 错误,无法分配到 "age" ,因为它是只读属性

在上述代码中,newPerson变量被赋值为person对象,这是允许的。但是,由于newPerson也属于Person类型,所以对只读属性进行赋值仍然会导致编译错误。
通过使用只读属性,可以确保对象的某些属性在创建后不会被修改,从而提高代码的安全性和可维护性。
需要注意的是,只读属性在类型检查层面提供了一定的保护,但在运行时并没有严格的限制。在JavaScript中,对象的属性仍然是可变的,尽管TypeScript进行了只读属性的类型检查。
这种只读属性的类型检查是TypeScript的静态类型系统的一部分,它在编译阶段提供了更严格的类型检查和安全性,以帮助开发人员通过编译期间的错误提示来捕获潜在的问题,并提供更好的代码维护和可读性。
TypeScript具有ReadonlyArray<T>泛型,它与Array<T>相似,只是把所有可变方法去掉了,因此可以确保数组创建后再也不能被修改:

ts
let a: number[] = [1, 2, 3, 4];
let ro: ReadonlyArray<number> = a;
ro[0] = 12; // error!
ro.push(5); // error!
ro.length = 100; // error!
a = ro; // error!

上面代码的最后一行,可以看到就算把整个ReadonlyArray赋值到一个普通数组也是不可以的。 但是你可以用类型断言重写:

ts
a = ro as number[];

实现原理

在TypeScript中,只读属性(Readonly properties)是通过在编译阶段进行静态类型检查来实现的。在编译后的JavaScript代码中,并没有直接的机制来实现只读属性。相反,TypeScript编译器会根据只读属性在接口中的声明进行类型检查以及在语法层面进行限制。
当您在接口中将属性标记为只读时,TypeScript编译器会在接口是否被实现或对象是否赋值给只读属性时进行检查,以确保只读属性是在对象初始化时被赋值,并且不能在对象创建后被修改。

在编译阶段,TypeScript会在以下情况下对只读属性进行类型检查和限制:

  1. 对象初始化时的赋值: 只读属性必须在对象初始化时给定初始值。如果在对象初始化过程中没有为只读属性提供初始值,或者尝试在之后修改只读属性的值,编译器会发出错误或警告。
  2. 赋值给只读属性: 如果将一个对象赋值给具有只读属性的接口类型的变量或常量,编译器会确保被赋值的对象的属性与只读属性相匹配,并且不会存在被修改的可能。

为什么要使用typescript的readonly属性

使用TypeScript的只读属性可以提供更好的代码安全性、可读性和可维护性。它可以帮助捕获潜在的错误,确保属性只能在合适的时候进行赋值,并且不被修改,提供了一种更可靠和可预测的编程方式。总结来看,使用TypeScript的只读属性(readonly)有以下几个好处:

  1. 增强代码的可靠性和可维护性:只读属性限制了对属性值的修改,确保属性只能在对象初始化时赋值,并且在对象创建后不能被修改。这可以防止意外的修改,减少了潜在的错误和bug,并提高了代码的可靠性和可维护性。
  2. 提供编译时的类型检查:使用只读属性可以在编译阶段提供类型检查。编译器会检查是否对只读属性进行了合法的赋值,以及是否尝试修改只读属性的值。这种静态类型检查可以帮助捕获潜在的错误,并提供更好的代码提示和可读性。
  3. 支持不可变数据:只读属性可以帮助创建不可变的数据结构。不可变数据在函数式编程和并发编程中非常有用,可以避免由于数据被修改而引起的并发问题和副作用。只读属性通过限制对属性值的修改,可帮助实现更可靠、高效和可扩展的代码。
  4. 提升代码的安全性:只读属性可以防止意外的修改,尤其是在多人合作的项目中。只读属性确保了属性的一致性和可靠性,减少了代码中的不确定性和错误的发生概率。这可以使代码更加安全,减少了由错误修改引起的潜在问题。

仅用于培训和测试,通过使用本站代码内容随之而来的风险与本站无关。版权所有,未经授权请勿转载,保留一切权利。
ICP备案号:滇ICP备15009214号-13   公安网备:滇公网安备 53312302000061号