# 初识 TypeScript

TypeScript 作为 JavaScript 语言的超集,它为 JavaScript 添加了可选择的类型标注,大大增强了代码的可读性和可维护性。同时,它提供最新和不断发展的 JavaScript 特性,能让我们建立更健壮的组件。

# TypeScript 的特点

TypeScript 主要有 3 大特点:

  • 始于JavaScript,归于JavaScript

TypeScript 可以编译出纯净、 简洁的 JavaScript 代码,并且可以运行在任何浏览器上、Node.js 环境中和任何支持 ECMAScript 3(或更高版本)的JavaScript 引擎中。

  • 强大的工具构建大型应用程序

类型允许 JavaScript 开发者在开发 JavaScript 应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构。

类型是可选的,类型推断让一些类型的注释使你的代码的静态验证有很大的不同。类型让你定义软件组件之间的接口和洞察现有 JavaScript 库的行为。

  • 先进的 JavaScript

TypeScript 提供最新的和不断发展的 JavaScript 特性,包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性,比如异步功能和 Decorators,以帮助建立健壮的组件。

这些特性为高可信应用程序开发时是可用的,但是会被编译成简洁的 ECMAScript3(或更新版本)的JavaScript。

# 如何安装 TypeScript

首先保证电脑上已经安装了node环境,需要使用 npm 来安装 TypeScript

打开终端,执行命令:

sudo npm install -g typescript
1

终端中显示安装成功

/Users/louis/.nvm/versions/node/v14.16.0/bin/tsserver -> /Users/louis/.nvm/versions/node/v14.16.0/lib/node_modules/typescript/bin/tsserver
/Users/louis/.nvm/versions/node/v14.16.0/bin/tsc -> /Users/louis/.nvm/versions/node/v14.16.0/lib/node_modules/typescript/bin/tsc
+ typescript@4.5.4
added 1 package from 1 contributor in 2.159s
1
2
3
4

# 如何编译.ts文件?

在我们本机安装 TypeScript 之后,会随之给我们的电脑安装一个ts编译器:tsc。

我们在终端输入命令:

tsc -v
# 输出
Version 4.5.4
1
2
3

# 总结

TypeScript 在社区的流行度越来越高,它非常适用于一些大型项目,也非常适用于一些基础库,极大地帮助我们提升了开发效率和体验。都 2019 年了,如果你还没有开始学习 TypeScript,那么你可能要落后了哟,所以还等什么,快来和我一起学习并使用 TypeScript 吧,来感受一下它为我们带来的奇妙体验。

最后更新时间: 1/13/2022, 2:26:04 PM