既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。
——康德
一、为什么要学习TypeScript?
那么本节我将代替 TypeScript 向你做一个自我介绍。
同学你好,我是 TypeScript,如果你觉得我是 JavaScript 的孪生兄弟,或者觉得我是前端圈新扶持起来的太子,那你可能对我是有点误解了。其实我并不是一个新的语言,用大家公认的说法,我是JavaScript的超集,你可以理解为,我是加了一身装备铭文的进化版 JavaScript。JavaScript 有的,我都有,而且做得更好。JavaScript 没有的,我也有,而且我是在很长一段时间内不会被 JavaScript 赶上的。
虽然我作为超集,但是我始终紧跟 ECMAScript 标准,所以 ES6/7/8/9 等新语法标准我都是支持的,而且我还在语言层面上,对一些语法进行拓展。比如新增了枚举(Enum)这种在一些语言中常见的数据类型,对类(Class)实现了一些ES6标准中没有确定的语法标准等等。
如果你是一个追赶技术潮流的开发者,那你应该已经将 ES6/7/8/9 语法用于开发中了。但是要想让具有新特性的代码顺利运行在非现代浏览器,需要借助Babel这种编译工具,将代码转为ES3/5版本。而我,可以完全不用 Babel,就能将你的代码编译为指定版本标准的代码。这一点,我可以说和 JavaScript 打了个平手。
另外我的优势,想必你也略有耳闻了那就是我强大的类型系统。这也是为什么造世主给我起名TypeScript。如果你是一名前端开发者,或者使用过 JavaScript 进行开发,那么你应该知道,JavaScript 是在运行的时候,才能发现一些错误的,比如:
访问了一个对象没有的属性;
调用一个函数却少传了参数;
函数的返回值是个字符串你却把它当数值用了;
…
这些问题在我这里都不算事。我强大的类型系统可以在你编写代码的时候,就检测出你的这些小粗心。
二、安装Typescript
1、查看电脑是否安装了nodejs。
2、未安装nodejs。
nodejs官网:https://nodejs.org/
安装完成,可以在cmd中node -v检查版本
3、检查npm的版本
4、安装Typescript
执行命令 npm install -g typescript 回车
5、安装完成后检查 tsc -v
好了,现在所有准备工作已经完成,下节我们来编写第一个Typescript程序。