What-什么是TypeScript
顾名思义:Type
类型,有类型的脚本。
可以理解为有类型的JavaScript
更官方一点的介绍:TypeScript是一种基于JavaScript的开源的编程语言
TypeScript开发的程序文件扩展名为.ts
,使用Babel或其他编译器编译为js文件,最终被浏览器或node平台执行
Differentia-TS&JS对比
看这张图我们可以了解到TS是JS的超集,TS代码中可以无区别插入JS代码,拥有JS所有的优点
下面代码直接为一个变量设置类型
let str:string = 'TypeScript'
// 下面这行代码在TS文件里会编译报错,如果是单纯的JS代码则没有任何问题
str = 11
有了静态类型,再也不用担心因为团队协作导致的一些类型相关的潜在错误了🤗,就可以使用JS做大型项目,不对,应该是使用TS做大型项目,升职加薪指日可待
更智能的代码提示,编码速度直线上升
有了TS老板再也不担心我把类型写错了啊😎
她猜我需要一个字符串,其实我需要一个对象
她知道我需要一个对象啦😍
TS的优点还有很多,比如面向接口、面向对象等,但归根结底都是静态类型带来的福利
当然静态类型给TS带来这么多优点的同时也存在一些缺点
- 同样的功能TS要比JS需要编写更多的代码
- 浏览器可以直接执行JS代码,但却不认识TS代码。还好有很多高度自动化的编译工具,比如Babel,不需要我们去考虑这个问题
How-如何学习
官方给出的建议是先从之前的项目代码入手,将js代码一点点添加类型,重构代码。
个人觉得可以从一下几点入坑 入门
- 看着官方文档学一遍
- 现在的js代码库好多都是使用TS把JS代码封装起来,所以可以多看看别人的源码
- 多写代码
总的来说TS不难