在 TypeScript 中，readonly 和 const 都可以用来定义只读变量，但它们的使用方式有所不同。本文将详细介绍 readonly 和 const 在对象和数组中的使用，并给出示例代码，帮助读者更好地理解它们的区别和用法。
readonly
在 TypeScript 中，使用 readonly 关键字可以将变量定义为只读变量，即不能被重新赋值。readonly 可以用于对象和数组的属性。下面分别介绍 readonly 在对象和数组中的使用。
对象中的 readonly
在对象中使用 readonly，可以将对象的属性定义为只读属性，即不能被重新赋值。例如：
-- -------------------- ---- ------- --------- ------ - -------- ----- ------- ---- ------- - --- ------- ------ - - ----- ------ ---- -- -- ----------- - -------- -- ------ ------ ------ -- ------ ------- -- -- - --------- -------- ---------- - --- -- --
在上面的例子中，我们将 Person 接口中的 name 属性定义为只读属性，然后将 person 对象中的 name 属性初始化为 'Tom'。在尝试将 person 对象中的 name 属性重新赋值为 'Jerry' 时，编译器会报错，因为 name 属性是只读属性。
数组中的 readonly
在数组中使用 readonly，可以将数组定义为只读数组，即不能被重新赋值。例如：
let arr: readonly number[] = [1, 2, 3]; arr[0] = 4; // Error: Index signature in type 'readonly number[]' only permits reading arr.push(4); // Error: Property 'push' does not exist on type 'readonly number[]'
在上面的例子中，我们将 arr 数组定义为只读数组，然后尝试将数组的第一个元素重新赋值为 4，编译器会报错，因为 arr 是只读数组，不能被重新赋值。另外，我们尝试调用数组的 push 方法，编译器也会报错，因为只读数组不能被修改。
const
在 TypeScript 中，使用 const 关键字可以将变量定义为常量，即不能被重新赋值。const 可以用于基本类型、对象和数组。下面分别介绍 const 在基本类型、对象和数组中的使用。
基本类型中的 const
在基本类型中使用 const，可以将变量定义为常量，即不能被重新赋值。例如：
const num: number = 1; num = 2; // Error: Cannot assign to 'num' because it is a constant
在上面的例子中，我们将 num 变量定义为常量，然后尝试将 num 变量重新赋值为 2，编译器会报错，因为 num 是常量，不能被重新赋值。
对象中的 const
在对象中使用 const，可以将对象定义为常量，即不能被重新赋值。例如：
const person = {
name: 'Tom',
age: 18
};
person.name = 'Jerry'; // OK
person.age = 20; // OK
person = {}; // Error: Cannot assign to 'person' because it is a constant在上面的例子中，我们将 person 对象定义为常量，然后尝试修改 person 对象的属性，编译器不会报错，因为 person 对象的属性并不是只读属性。但是，尝试将 person 对象重新赋值为空对象时，编译器会报错，因为 person 是常量，不能被重新赋值。
数组中的 const
在数组中使用 const，可以将数组定义为常量，即不能被重新赋值。例如：
const arr = [1, 2, 3]; arr[0] = 4; // OK arr.push(4); // OK arr = []; // Error: Cannot assign to 'arr' because it is a constant
在上面的例子中，我们将 arr 数组定义为常量，然后尝试修改数组的元素和向数组中添加元素，编译器不会报错，因为 arr 数组并不是只读数组。但是，尝试将 arr 数组重新赋值为空数组时，编译器会报错，因为 arr 是常量，不能被重新赋值。
总结
在 TypeScript 中，readonly 和 const 都可以用来定义只读变量，但它们的使用方式有所不同。readonly 可以用于对象和数组的属性，将它们定义为只读属性；const 可以用于基本类型、对象和数组，将它们定义为常量。在使用 readonly 和 const 时，需要注意它们的区别和用法，以避免出现不必要的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662ad2b5d3423812e482949e