Menu
CoddyTech

只读元组

本课属于 Coddy JavaScript 学习旅程的“TypeScript 入门”单元。第 18 课,共 73 课。

就像可以使用 readonly 修饰符让数组不可变一样,TypeScript 也允许你创建只读元组,这些元组在初始化后无法修改。这能为结构固定、长度固定的数据提供同样的不可变性优势。

在元组类型前添加 readonly,TypeScript 就会阻止你更改元组中的元素。

这意味着你不能重新赋值给特定位置,也不能使用会修改元组内容的方法:

let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];

readonly 修饰符对元组尤其有用,因为元组通常表示重要的结构化数据,例如坐标、RGB 颜色值或数据库记录,这些数据创建后不应更改。

challenge icon

挑战

简单

创建一个名为 startPoint 的只读元组,用两个数字表示一个二维点(x 和 y 坐标)。用值 0 和 0 初始化它。

再创建一个名为 colorRGB 的只读元组,用三个数字表示一个 RGB 颜色值(红、绿、蓝)。用值 255、128 和 64 初始化它。

创建第三个名为 userRecord 的只读元组,其中包含一个数字(用户 ID)、一个字符串(用户名)和一个布尔值(活跃状态)。用值 42、"admin" 和 true 初始化它。

按照创建顺序,将这三个只读元组分别打印到控制台的单独一行中。

亲手试试

// TODO: 在这里编写你的代码
// 按照挑战中的描述创建只读元组

// 打印全部 3 个元组
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

TypeScript 入门中的所有课

自己练习: TypeScript 在线编辑器