TypeScript入门实战笔记 -- 开篇 为什么要选择 TypeScript ？

typescript 在线编辑器http://typescript.p2hp.com/play?#code/JYOwLgpgTgZghgYwgAgJIFUDO1Uhge2QG8AoZc5YAEwC5kQBXAWwCNoBuMikOJiOzGCigA5pwrI4ANzhg4UAPwChozgF8SmmAxAIwwfCGRYcefAAoADlHyXMdDNii4CASmJdyCQ5nwAbCAA6P3wRKxs7ABpkAHJrW0wY1xINEhNnM3MiSlpkAEZonj46GIBrROQ1ZKA

掘金编辑器https://code.juejin.cn/

🍍1. TypeScript 的本质

首先，TypeScript 和 JavaScript 本质上是相同的语言，它们共享相同的语法和基本特性。你可以将 TypeScript 看作是在 JavaScript 的基础上添加了类型注解的一种扩展。例如，在 TypeScript 中，你可以使用 const num: number = 1; 这样的语法来声明一个变量 num 的类型为 number，而在 JavaScript 中则不需要进行类型注解。

其次，TypeScript 是一门中间语言，它需要经过转译（transpilation）过程将其转换为纯 JavaScript 代码。这意味着 TypeScript 的代码最终会被编译成可以在各种终端上解释和执行的纯 JavaScript 代码。这种转译过程并不会破坏已有的 JavaScript 知识体系，因为 TypeScript 并没有引入与 JavaScript 完全不同的新语法，而是保持了对现有语法的兼容性。

总结来说，TypeScript 是一种基于 JavaScript 的语言扩展，它通过添加类型注解来提供更好的代码可读性和可维护性。虽然 TypeScript 需要转译为 JavaScript，但它并不改变 JavaScript 的基本特性和语法，因此对于熟悉 JavaScript 的人来说，学习和使用 TypeScript 相对容易。

🍍2. TypeScript 更加可靠

TypeScript 是一种静态类型检查的语言，它可以在代码运行之前进行类型检查，从而帮助开发者发现潜在的错误。当 TypeScript 类型检测能力覆盖到整个文件、整个项目代码后，它能够自动检测出任意破坏约定的改动，并提出类型错误。

这意味着，当你在修改或重构业务逻辑时，你可以更加放心地进行操作，因为你不必担心因为考虑不周而犯下低级错误。TypeScript 会在编译阶段捕获这些错误，而不是在运行时。这样，你可以在开发过程中尽早发现并修复问题，提高代码质量和可维护性。接手复杂的大型应用时，TypeScript 能让应用易于维护、迭代，且稳定可靠，也会让你更有安全感。

🍍3. 面向接口编程

编写 TypeScript 类型注解，本质就是接口设计。 以下是使用 TypeScript 设计的一个展示用户信息示例，从中我们一眼就能了解组件接收数据的结构和类型，并清楚地知道如何在组件内部编写安全稳定的代码。

interface UserInfo {
  id: number;
  name: string;
  age: number;
  email?: string;
}

const userInfo: UserInfo = {
  id: 1,
  name: 'ks',
  age: 25,
  email: 'ks@example.com'
};

TypeScript 是一种静态类型检查的编程语言，它可以帮助开发者在编写代码时更加明确变量和函数的类型，从而提高代码的可读性和可维护性。通过使用 TypeScript，你可以更好地组织和管理你的代码，避免出现类型错误和运行时错误。

此外，TypeScript 还提供了一些高级功能，如类、模块、装饰器等，这些功能可以帮助你更好地组织和管理复杂的代码结构。通过使用这些功能，你可以将代码分解成更小、更易于管理的部分，从而提高代码的可读性和可维护性。

总之，TypeScript 可以帮助你更好地组织和管理你的代码，提高代码的可读性和可维护性。通过使用 TypeScript，你可以更好地理解接口约定的重要性，并约束自己/他人设计接口、编写注解、遵守约定，从而乐此不疲。

🍍4. TypeScript 正成为主流

TypeScript 是一种静态类型检查的编程语言，它是由 Microsoft 开发和维护的。相比竞争对手 Facebook 的 Flow，TypeScript 更具备类型编程的优势，而且还有 Microsoft、Google 这两家国际大厂做背书。

越来越多的主流框架（例如 React、Vue 3、Angular、Deno、Nest.js 等）要么选用 TypeScript 编写源码，要么为 TypeScript 提供了完美的支持。随着 TypeScript 的普及，TypeScript 在国内（国内滞后国外）成了一个主流的技术方向，国内各大互联网公司和中小型团队都开始尝试使用 TypeScript 开发项目，且越来越多的人正在学习和使用它。