前言
TypeScript 是微软开发的一种开源的编程语言，它是 JavaScript 的超集，可以编译成纯 JavaScript 代码。TypeScript 提供了一些新的特性，如静态类型检查、面向对象编程等，这些特性让 JavaScript 更加强大、易于维护和扩展。在 TypeScript 2.0 中，又新增了一些新的特性，让开发者更加方便、高效地编写代码。
本文将介绍 TypeScript 2.0 的新特性及新玩法，包括非空断言操作符、可选属性、readonly 属性、never 类型、keyof 操作符、映射类型、类型别名等，并提供示例代码和学习指导。
非空断言操作符
在 TypeScript 中，使用 ! 操作符可以将一个变量从可空类型转换为非空类型。例如：
let name: string | null = "Tom"; let firstName: string = name!; // 非空断言操作符 console.log(firstName); // 输出 "Tom"
在上面的示例中，变量 name 的类型为 string | null，即可以是字符串类型，也可以是 null。使用 ! 操作符将 name 转换为非空类型，这样就可以直接将其赋值给 firstName 变量了。
可选属性
在 TypeScript 2.0 中，可以使用 ? 操作符来定义可选属性。例如：
interface Person {
name: string;
age?: number;
}
let tom: Person = { name: "Tom" };
let jerry: Person = { name: "Jerry", age: 18 };在上面的示例中，Person 接口定义了一个可选属性 age，可以不传递 age 属性，如果传递了 age 属性，必须是数字类型。
readonly 属性
在 TypeScript 2.0 中，可以使用 readonly 关键字来定义只读属性。例如：
interface Person {
readonly name: string;
age: number;
}
let tom: Person = { name: "Tom", age: 18 };
tom.age = 19; // 可以修改 age 属性
tom.name = "Jerry"; // 编译错误，无法修改 name 属性在上面的示例中，Person 接口定义了一个只读属性 name，无法修改该属性的值。
never 类型
在 TypeScript 2.0 中，新增了一种特殊的类型 never，表示永远不会出现的值。例如：
function error(message: string): never {
throw new Error(message);
}
function infiniteLoop(): never {
while (true) {}
}在上面的示例中，error 函数抛出了一个错误，永远不会返回值，因此返回类型为 never。infiniteLoop 函数会一直循环，永远不会停止，因此返回类型也为 never。
keyof 操作符
在 TypeScript 2.0 中，新增了一个 keyof 操作符，用于获取一个类型的所有属性名。例如：
interface Person {
name: string;
age: number;
}
type PersonKeys = keyof Person;
let keys: PersonKeys[] = ["name", "age"];在上面的示例中，PersonKeys 类型为 "name" | "age"，即所有属性名的联合类型。
映射类型
在 TypeScript 2.0 中，可以使用映射类型来定义一个新的类型，该类型可以从一个旧类型中推导出来。例如：
-- -------------------- ---- ------- --------- ------ - ----- ------- ---- ------- - ---- ----------------- - - -------- -- -- ----- --- ----- -- --- ---- ---------------------- - - ----- ------ ---- -- -- ------- - --- -- --------- --- --
在上面的示例中，定义了一个 ReadonlyPerson 类型，它是从 Person 类型中推导出来的。ReadonlyPerson 类型中的所有属性都是只读的。
类型别名
在 TypeScript 2.0 中，可以使用类型别名来定义一个新的类型。例如：
type Age = number;
interface Person {
name: string;
age: Age;
}
let tom: Person = { name: "Tom", age: 18 };在上面的示例中，定义了一个 Age 类型别名，它是一个数字类型。Person 接口中的 age 属性类型为 Age。
结论
本文介绍了 TypeScript 2.0 的新特性及新玩法，包括非空断言操作符、可选属性、readonly 属性、never 类型、keyof 操作符、映射类型、类型别名等。这些新特性让 TypeScript 更加强大、易于维护和扩展，可以提高开发效率。如果你还没有使用 TypeScript，建议尝试一下，相信会给你带来不一样的开发体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6757e3bb890bd9faa439d71b