近年来，随着 JavaScript 应用不断发展壮大，前端开发人员对于语言规范的要求也越来越高。为了满足开发人员的需求，JavaScript 也不断更新迭代。ES12 中推出了许多新特性，其中包括一些新数据类型：Record、Tuple 和 DateOnly。本文将详细介绍这些新数据类型，包括其概念、使用方法和指导意义。
Record
Record 是 ES12 中新增的一种数据类型，用于表示键值对集合。它的语法如下：
type Record<K extends keyof any, T> = {
[P in K]: T;
};其中，K 表示 Record 中键的类型，T 表示 Record 中值的类型，[P in K]: T 中的 P 是指 Record 中的键。使用 Record，我们可以像下面这样定义一个键为 string，值为 number 的集合：
type AgeMap = Record<string, number>;
const ages: AgeMap = {
'Alice': 35,
'Bob': 32,
'Charlie': 40
}这样定义之后，我们就可以通过字符串访问 ages 中的相应值：
console.log(ages['Alice']); // 输出 35
Record 的优点在于，它可以更加严格地定义键和值的类型，避免了一些常见的错误。
Tuple
Tuple 是指元组，它是一种有序的、固定长度的数据类型。它的语法如下：
type Tuple<T extends unknown[]> = readonly [...T];
这里，T 表示 Tuple 中元素的类型，[...T] 中的 ... 表示 Tuple 可以包含任意个元素。使用 Tuple，我们可以定义一个元素个数固定的数组，比如下面这样：
type Point = Tuple<[number, number]>; const p: Point = [1, 2];
这里，Point 的类型声明表示它包含两个元素，都是 number 类型。因此，我们必须在定义 p 的时候，按照相应的顺序传入两个数字。
而且，由于 Tuple 是有序的，我们可以利用 TypeScript 的类型约束，让编辑器在调用时自动提示每个元素的类型，以便保证代码的正确性。
DateOnly
DateOnly 是 ES12 中新增的一种数据类型，用于表示日期，不包含时间部分。它的语法如下：
class DateOnly {
constructor(public year: number, public month: number, public day: number);
}使用 DateOnly，我们可以更方便地处理日期，而且不必担心时分秒等无关部分的干扰。比如，我们可以用如下的方式创建一个 DateOnly：
const date = new DateOnly(2022, 2, 14); // 表示 2022 年 3 月 14 日
DateOnly 还提供了一些方便的方法，允许我们方便地修改日期、判断是否闰年等。比如，下面的代码演示了如何向后加一天并输出修改后的日期：
const nextDay = date.addDays(1); console.log(nextDay.toString()); // 输出 "2022-03-15"
总之，DateOnly 的引入使得处理日期变得更加直观、方便。
知识点总结
本文对 ES12 中三种新数据类型（Record、Tuple 和 DateOnly）进行了详细介绍，并给出了各自的语法、使用方法和指导意义。值得注意的是，这些新类型大都强调 TypeScript 的类型约束和静态分析，因此能够帮助我们避免一些常见的错误，提高代码的可维护性和健壮性。对于前端开发人员而言，通过学习这些新类型，可以更加深入地了解 JavaScript 语言的特点和演变过程，从而提升自己的专业技能和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64663326968c7c53b06d5e67