在ts中const和readonly区别?

简介: 在ts中const和readonly区别?

在TypeScript中,constreadonly是两种不同的属性修饰符,它们各自有特定的用途和语义。

const关键字在TypeScript中用于声明常量,即一个值在初始化后不能再被改变的变量。这意味着一旦你为一个const变量赋值,你就不能再次为它赋一个新的值。这是TypeScript(以及JavaScript)中的基本特性,用于确保某些值在程序的整个生命周期中保持不变。

例如:

typescript复制代码

const PI = 3.14159;
// PI = 3.14; // 这会报错,因为PI是一个常量

readonly是TypeScript中的一个类型级别的修饰符,它用于对象的属性上,表示这个属性是只读的,即它的值在对象被创建后不能被改变。但是,这并不意味着包含只读属性的对象本身不能被重新赋值。这与const不同,const`是变量级别的修饰符,它确保变量的引用不能被改变。

例如:

typescript复制代码

interface Person {
readonly name: string;
age: number;
}
let person: Person = {
name: "Alice",
age: 25
};
// person.name = "Bob"; // 这会报错,因为name是只读的
person.age = 26; // 这是可以的,因为age不是只读的
person = { // 这是可以的,因为person变量本身不是const
name: "Bob",
age: 30
};

在这个例子中,Person接口有一个只读属性name和一个非只读属性age。我们创建了一个Person类型的变量person,并尝试改变其name属性,但TypeScript编译器会报错,因为name是只读的。然而,我们可以改变age属性的值,也可以重新为person变量赋值一个新的Person对象。

总的来说,constreadonly在TypeScript中各有其用,它们的主要区别在于const用于确保变量的引用不变,而readonly用于确保对象的特定属性不变。

相关文章
|
6月前
ES6中的var,let,const
ES6中的var,let,const
|
2月前
ts中interface和type的区别
ts中interface和type的区别
101 21
|
6月前
|
JavaScript
Vue报错 Invalid default value for prop “list“: Props with type Object/Array must use a factory
Vue报错 Invalid default value for prop “list“: Props with type Object/Array must use a factory
313 0
|
6月前
|
JavaScript 编译器
TS中const和readonly的区别
TS中const和readonly的区别
126 0
|
6月前
|
JavaScript
TS中 type和interface的区别
TS中 type和interface的区别
569 0
|
6月前
|
JavaScript
const和readonly的区别
const和readonly的区别
41 0
|
6月前
|
JavaScript 前端开发 索引
TS - interface和type的区别
TS - interface和type的区别
83 0
|
JavaScript 前端开发
ts -函数的类型
在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression)
【TS】ts中的类:class
【TS】ts中的类:class
127 0
【TS】ts中的类:class
|
存储 JavaScript
【TS】object类型
【TS】object类型
82 0