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