目录
什么是TypeScript?
TypeScript简称TS,TS和JS之间的关系其实就是Less/Sass和CSS之间的关系,就像Less/Sass是对CSS进行扩展一样, TS也是对JS进行扩展,编写好的TS代码最终也会换成JS。TypeScript是JavaScript的超集,因为它扩展了JavaScript,有JavaScript没有的东西。最主要的是TS添加了类型检查,这是TS中最重要的特性。
我们为什么需要学习TypeScript?
JavaScript是一门动态语言,很多错误只有在运行时才会被发现,而TypeScript提供了一套静态检测机制, 可以帮助我们在编译时就发现错误,能让你的代码更健壮。TS的静态检查使得开发者提前发现错误,在前端工程化开发的今天确实有必要,因为团队成员技术水平参差不齐,TypeScript可以帮助避免很多错误的发生。
TypeScript的特点
- 支持最新的JavaScript新特特性
- 支持代码静态检查
- 支持诸如C,C++,Java,Go等后端语言中的特性 (枚举、泛型、类型转换、命名空间、声明文件、类、接口等)
TypeScript环境的搭建
TS是肯定能帮我们解决特定的问题,在当前的互联网寒潮下,就需要我们对于前端的必备知识更加熟悉,当然TS是必须掌握的。我们首先搭建出TypeScript的学习环境(这里默认我们已经安装了NodeJs的环境):
1.在全局环境下安装TypeScript
npm i -g typescript
2.安装ts-node
npm i -g ts-node
3.新建index.ts,输入相关代码,然后创建 tsconfig.json TS配置文件
tsc --init
以上步骤完成后,对TS代码编译执行:
(这里注意:ts-node 是一个执行环境,把 ts 编译为 js ,然后在node上运行,即:编译+执行。而tsc 是一个编译器,把 ts 编译为 js,只编译)
- ts-node index.ts 编译执行,不生成编译后的Js代码
- tsc index.ts 编译不执行,会生成编译后的Js代码
官方提供的TypeScript云环境
如果是初学者,为了方便和高效,官方提供了一个在线开发 TypeScript 的云环境——Playground。
基于它,我们无须在本地安装环境,只需要一个浏览器即可随时学习和编写 TypeScript,同时还可以方便地选择 TypeScript 版本、配置 tsconfig,并对 TypeScript 实时静态类型检测、编译输出 JavaScript 和在线执行。
持续更新中......