TypeScript系列 - 什么是TypeScript

2018-08-03 08:09:45来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

看了很多关于TypeScript的文章,总体说来没有很好的,一个系统的学习TypeScript的资源。

接下来,我将给大家带来TypeScript的系列,让你和我一样,一步一步的学习TypeScript,并且学以致用。

 

什么是TypeScript呢

在TypeScript的官方网站上面有这样的描述:

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
    Any browser. Any host. Any OS. Open source.

什么意思呢?翻译过来就是说TypeScript是JavaScript类型的超集,并且可以编译为纯JavaScript。

在任何浏览器,集群(服务器),操作系统上面都可以运行,而且还开源。

 

我们怎样解读TypeScript呢

首先我们要知道TypeScript的爹是微软。开发工具通常使用VSC(Visual Studio Code)。

官方网站: https://www.typescriptlang.org/index.html

 

TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法,生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript,所以 TypeScript 并不依赖于浏览器的支持,也并不会带来兼容性问题。


TypeScript 是 JavaScript 的超集,这意味着他支持所有的 JavaScript 语法。并在此之上对 JavaScript 添加了一些扩展,如 class / interface / module 等。这样会大大提升代码的可阅读性。使用过Java的同学就更能够明白这个道理。

 

强类型语言的优势在于静态类型检查,概括来说主要包括以下几点:


1) 静态类型检查

  静态类型检查可以避免很多不必要的错误, 不用在调试的时候才发现问题 。

2) IDE 智能提示

  在 TypeScript 这一类语言之前, JavaScript 的智能提示基本完全依赖 IDE 提供的猜测 (在猜测的质量上, Visual Studio 和 brackets 是我见过的最好的)。 局限性就是, 这种猜测可能并不正确, 并且也缺乏更多的辅助信息, 所以要正确使用一个类库, 得不断地在文档和 IDE 之间切换, 影响心情和效率。 而 TypeScript 不仅自己写的类库有丰富的类型信息, 也可以对其他纯 JS 项目进行类型标注 (DefinitelyTyped), 便于使用者直接在 IDE 中浏览 API, 效率大增。 而对于自己的或者团队的代码, 好处也很明显。 团队的代码自己不一定能把各种接口记得滚瓜烂熟, 自己的代码如果规模大了也很难记全, 这个时候再去翻源文件。。。


3) 代码重构

  且不说我这种经常纠结变量名的会时不时看某个变量名不顺眼, 改之的情况。 有时候的确需要修改一些变量/属性/方法名, 牵涉到属性和方法的时候, 很多改动是跨文件的, 不像普通变量可以简单定位 scope, 属性方法名的重命名对于 JS 来说异常痛苦, 一方面是修改本身就不方便, 另一方面是改了还不确定该改的是不是改了, 不该改的是不是也改了。 而 TypeScript 的静态类型系统就可以较为完美的解决这个问题 (这个地方还牵涉到一些最佳实践, 就暂不深入了)。


4) 可读性

对于阅读代码的人来讲, 各种便利的类型一目了然, 更容易明白作者的意图。


TypeScript 虽然是强类型语言,但是如果对象被声明为了 any 类型,就会忽略所有的类型检查。这种灵活的结构保证了他可以在保证整体有强类型检查优势的同时,在一些细节问题上保持弱类型的灵活。


TypeScript 本身是开源的,这意味着开发者可以自由修改其源代码,同时 TypeScript 的架构设计也很优秀,提供了充分的 API 接口方便开发者进行进一步扩展。顺便说一下,TypeScript 编译器本身是用 TypeScript 开发的。构建流程是先用旧版本的 TypeScirptCompiler。js 将新版本的 TypeScript Language 的 TypeScript源代码编译成新的 TypeScriptCompiler。js,听起来很厉害的样子。


由于其开源性,通过 TypeScript Compiler API,开发者可以自己实现编译器(比如添加增量编译和自动编译,大幅提升编译速度),自定义语法检查,以及自定义输出结构等。 由于编译器核心灵活的结构,开发者只需要简单的添加一些代码,就可以在 IDE 中支持 TypeScript 的诸多特性。


白鹭引擎是基于 TypeScript 的开源 HTML5 游戏引擎。白鹭引擎的后续版本会利用这些特性不断完善引擎自身。举例,我们的 IDE Egret Wing 就利用了 TypeScript Service API 实现了了代码智能提示等功能。文档生成工具也是通过扩展 TypeScript Compiler API 实现的。

 

总结:

我认为 TypeScript 是一项非常值得学习的新技术,由于他是 JavaScript 的超集,对 JavaScript 开发者来说入门门槛很低(相对于 Dart / CoffeeScript 等其他 JavaScript 变种来说 )。


如果一定要找出几个不用 TypeScript的原因。我能想到以下情况:

  1. 需要在 HTML 里大量嵌入 JavaScript 代码,而非 HTML 和 JavaScript 分离。
  2. 熟练运用原型继承,不喜欢 class 关键字
  3. 项目中大量依赖了第三方 JavaScript 类库,并且这些类库没有 .d.ts 文件
  4. “微软雅黑”

 

参考:

https://www.zhihu.com/question/21879449

https://www.zhihu.com/question/28016252/answer/39056940

 

========================================================

More reading,and english is important.

I'm Hongten

 

大哥哥大姐姐,觉得有用打赏点哦!多多少少没关系,一分也是对我的支持和鼓励。谢谢。
Hongten博客排名在100名以内。粉丝过千。
Hongten出品,必是精品。

E | hongtenzone@foxmail.com  B | http://www.cnblogs.com/hongten

========================================================

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:斗鱼扩展-自动带上牌子换弹幕颜色(三)

下一篇:使用jQuery快速高效制作网页交互特效——03 第三章 JavaScript