TypeScript 笔记

什么是 TypeScript？

TypeScript 是一种由微软开发的编程语言，它是 JavaScript 的一个超集。这意味着 TypeScript 包含了 JavaScript 的所有功能，并且在此基础上扩展了许多新的功能，使得开发者能够更轻松地构建大型、复杂的应用程序。TypeScript 提供了静态类型检查、更好的代码提示、类和接口等面向对象的特性，以及支持最新 ECMAScript 标准的特性。

TypeScript 的优势

静态类型检查：TypeScript 在编译时对代码进行类型检查，这可以帮助开发者在早期发现潜在的类型错误，减少在运行时出现的问题，提高代码质量和稳定性。
面向对象编程：TypeScript 支持类和接口的概念，让开发者可以更好地组织代码，增加代码的可读性和可维护性。
更好的代码提示：由于 TypeScript 知道变量和函数的类型，IDE 可以提供更准确的代码提示和自动补全，提高开发效率。
最新 ECMAScript 特性支持：TypeScript 可以编译为最新版本的 JavaScript，使开发者能够在不同的环境中使用最新的 ECMAScript 特性。
增强的工具生态系统：TypeScript 拥有强大的工具生态系统，包括代码编辑器、脚手架、测试工具等，让开发流程更加顺畅。

如何开始使用 TypeScript？

要开始使用 TypeScript，首先需要安装 TypeScript 的编译器。可以通过 npm 或者 yarn 进行安装：

npm install -g typescript

安装完成后，可以创建一个新的 TypeScript 文件，并使用 .ts 扩展名。比如，创建一个 hello.ts 文件：

function sayHello(name: string) {
  return `Hello, ${name}!`;
}

const message = sayHello("TypeScript");
console.log(message);

在命令行中，使用 TypeScript 编译器将 TypeScript 文件编译成 JavaScript 文件：

tsc hello.ts

这将会生成一个名为 hello.js 的 JavaScript 文件。你可以在浏览器或者 Node.js 环境中运行这个文件，得到输出结果。

TypeScript 的基础类型

TypeScript 支持许多基础类型，如：

number: 数字类型，包括整数和浮点数。
string: 字符串类型。
boolean: 布尔类型，只能是 true 或者 false。
array: 数组类型，可以包含多个相同或不同类型的元素。
tuple: 元组类型，表示一个固定长度的数组，每个元素可以是不同的类型。
enum: 枚举类型，定义一组命名的常量值。
any: 任意类型，可以是任何类型的值。
void: 空类型，表示没有任何返回值。
null 和 undefined: 分别表示空和未定义的值。
never: 永远不存在的值的类型。

类与接口

TypeScript 支持面向对象编程，可以使用 class 关键字定义类，以及使用 interface 关键字定义接口。

interface Animal {
  name: string;
  age: number;
  makeSound(): void;
}

class Dog implements Animal {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  makeSound() {
    console.log("Woof!");
  }
}

泛型

泛型是 TypeScript 中非常强大的特性，它允许我们在定义函数、类或接口的时候不预先指定具体的类型，而是在使用的时候再指定类型。

function identity<T>(arg: T): T {
  return arg;
}

const result = identity<number>(42);
console.log(result); // Output: 42

编译配置

TypeScript 允许我们通过 tsconfig.json 文件来配置编译选项。在项目的根目录下创建一个 tsconfig.json 文件，然后可以根据需要设置不同的选项，比如指定输出目录、编译目标版本、是否启用严格模式等。

总结

TypeScript 是一种强大的编程语言，它为 JavaScript 开发者提供了许多有用的功能和工具，使得构建大型、高质量的应用程序变得更加容易。通过 TypeScript 的静态类型检查、面向对象编程、泛型等特性，我们可以在开发过程中减少错误，增加代码的可读性和可维护性。开始学习 TypeScript，并将其应用到你的项目中，你将体会到它带来的巨大收益。 Happy coding!

《深入浅出TypeScript》 笔记 ｜ 青训营