最近大家都在讨论 2023 年要学习什么语言，但对于前端而言，性价比最高的无疑是 TypeScript

为什么非要学 TypeScript

TypeScript 是 JavaScript 的超集，它可以编译成 JavaScript 代码，扩展 JavaScript 的语法和功能。

以下是学习 TypeScript 的六大理由：

1. 类型系统和错误捕获：支持静态类型检查，可以在编译时捕获类型错误，降低在运行时出现错误的概率，提高代码的可读性和可维护性。
2. 更好的代码提示和补全：准确的代码提示和补全，提高编写代码的速度和准确性。
3. 更好的工程化支持：TypeScript 提供了更好的模块化支持，可以更好地管理和组织代码，同时支持生成声明文件，方便其他开发者在使用你的代码时获得更好的提示。

大白话总结就是，TypeScript 比 JavaScript 更容易维护 🤗

TypeScript 在变得越来越流行

越来越多的人在用 TypeScript

以下是 2017 年到 2022 年 TypeScript 用户量

TypeScript 的用户数量在这 6 年里增长了 2000% 左右，这说明了它在前端开发领域的流行程度和重要性。在未来，随着更多开发者使用 TypeScript 来构建应用程序，这个趋势有望继续保持增长。

越来越多的库使用 TypeScript 编写

以下是 2017 年到 2022 年使用 TypeScript 编写的库的数量

可以看出，从 2017 年到 2022 年，使用 TypeScript 编写的库数量呈指数级增长。这个趋势通过数据的增长率更加明显，2017 年到 2022 年间，使用 TypeScript 编写的库的数量增长了接近 4000%。这表明了越来越多的开发者在使用 TypeScript。

流行的库采用 TypeScript 编写

一些流行的库使用 TypeScript 编写，如果要读懂它们的源码，你可能需要学下 TypeScript

以下是一些使用 TypeScript 编写的流行库：

• RxJS：响应式编程库
• Vue：轻量级的前端框架，易于学习和使用
• NestJS：基于 Node.js 的后端框架，类似 Spring boot
• TypeORM：对象关系映射器，用于在 Node.js 中实现对象关系映射
• React：由 Facebook 开发的用于构建用户界面的 JavaScript 库
• Svelte：新兴的前端框架，使用编译时技术来生成高效的 JavaScript 代码
• Angular：由 Google 开发的一个完整的前端框架，用于构建大型单页应用程序

丰富的运行时

以往我们只有通过将 TypeScript 编译成 JavaScript 并运行的 Node.js 运行时，现在还有一些新的运行时

Deno

Deno 由 Node.js 的创始人 Ryan Dahl 开发，是一个现代的、安全的 JavaScript/TypeScript 运行时。

与 Node.js 相比，它的主要优势在于提供了更好的安全性和可维护性：

• 使用标准的 ES 模块系统
• 无需额外配置即可使用 TypeScript 开发
• 默认启用安全，不允许未授权访问文件、网络等资源
• 提供了更好的开发体验，内置了代码格式化工具和代码检查工具

Bun

Bun 是一个新的 JavaScript 运行时，旨在快速高效。

它是全能的解决方案，包括编译器、运行时和包管理器，使构建和部署应用程序变得简单。

Bun 高度优化了性能，超级的快 👇

---

除此之外还有 web 版的 Nodejs 运行时 👇

StackBlitz

StackBlitz 是一个在线的 Web 开发环境，用户可以在浏览器中直接编辑和运行 Angular、React、Vue 等前端框架的项目，同时支持版本控制、调试和分享等功能。它提供了一个方便的平台，让开发人员可以快速地进行原型设计、学习和开发前端应用。

TypeScript 的生态也很棒

开发工具

有很多支持 Typescript 的开发工具，包括 Visual Studio Code、Webstorm、Sublime Text 等。这些工具提供了强大的自动补全、语法高亮、调试和重构功能，使得开发人员可以更加高效地编写 Typescript 代码。

前端框架

许多流行的前端框架都支持 Typescript，如 Angular、React 和 Vue。使用 Typescript 开发前端应用程序可以提供更好的类型安全和代码可读性。

后端框架

还有许多流行的后端框架，如 Nest.js 和 TypeORM，它们可以帮助我们更高效地编写可维护和可扩展的后端应用程序。

第三方库

Typescript 生态系统拥有许多第三方库，这些库提供了各种功能，如处理日期、操作数组、操作 DOM 等。使用这些库可以大大提高开发人员的开发效率。

TypeScript 足够简单

nodejs 中使用

安装 TypeScript

首先，我们需要全局安装 TypeScript

npm install -g typescript

初始化 TypeScript 项目

在项目根目录下，使用以下命令初始化 TypeScript 项目：

tsc --init

这个命令会在项目中生成一个 tsconfig.json 文件，它用于配置 TypeScript 编译器的选项。在 tsconfig.json 文件中，可以配置 TypeScript 编译器的输出目录、编译选项等。

编写 TypeScript 代码

在项目中创建一个 TypeScript 文件，例如 index.ts，然后在其中编写 TypeScript 代码。

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

const greeting = greeter('TypeScript');
console.log(greeting);

编译 TypeScript 代码

在命令行中，使用以下命令编译 TypeScript 代码：

tsc index.ts

这个命令会将 index.ts 文件编译成 JavaScript 文件，并输出到当前目录中。

运行编译后的 JavaScript 代码

在命令行中，使用以下命令运行编译后的 JavaScript 代码：

node index.js

尾声

也欢迎关注 👇

• 我 github/markthree
• 组织 github/dishait