Typescript和Javascript

Typescript：Javascript的报警器

想象下这样的场景：

在2017年11月07日，你睡醒后，穿衣，洗漱，这时是早上6点半，但是你并没有看到时间点，闹钟⏰也并没有去提示你，因为你没有闹钟⏰。洗漱完后你开始做早餐，吃早餐，还可以看看电视，你一直认为时间在你控制内，可能7点半吧。等你意识到要看下时间，却发现已经9：00了，你迟到了，而且错过了早会。

你开始反省，如果有一个闹钟时刻提醒我时间，比如8点了，告诉你上班要迟到，也许就不会出现上面的问题。于是你打开购物网站，买了一个闹钟，设置了提醒时间，此后一个月你都没有吃到。突然有一天你搬家了，到公司几分钟就到了。于是第二天早上8:00，闹钟提示你要迟到了，但你并不care，依然我行我素，到公司后并没有迟到。虽然你没有按照闹钟来规划自己时间，你并没有迟到，闹钟只是一个提示而已。

同样，我们用javascript写程序，写的时候后行云流水，认为一切都在掌控中，但在浏览器中运行时却看不到效果。你打开控制台，一片红，“xx is not defind“，”xx is not a function”，唉，看看代码错误在哪。如果你有个像闹钟一样的可以时刻提示你哪里出错了，是不是就可以避免很多的麻烦了。是的，typescript就是javascript的闹钟。

Typescript

[图片上传失败...(image-286451-1511177155472)]

在官网首页，我们可以看到大大的3个英文单词

Javascript that scales

简单来说，ts是js的超集。

从名字上可以看出typescript为javascript添加了type。有了类型保驾护航，js在写大型项目和处理业务逻辑上更加得心应手。在实际应用中，TypeScript还融合了FRP、OOP与GP，使我们手中不止只有搬砖，还有锤子。

对于不熟悉的人，typescript是javascript的一个超集，为用户提供可选的静态类型和可靠的工具。当你写javascripts的时候，typescrit可以通过类型检测帮你避免一些头疼的bugs。typescript可以实时报告问题，甚至在你保存文件前，它可以利用类型检测帮助你更快的编写代码。这真的是很棒的编辑体验，让你有时间思考和测试更重要的事情。

Typescript的背景

我们在使用一个框架或库的时候要了解其产生的背景。比如jquery，当时的浏览器各有千秋，需要做很多适配，简直把程序员麻烦透，jquery的横空出世，不仅解决了浏览器适配问题，而且简化了操作DOM。tepescript的出现也并不是毫无征兆的。

js最初设计是用来控制DOM，但随着ajax和spa的出现，为了更好的用户体验，我们开始将一部分的业务逻辑翻到javascript里实现，这造成前端动不动就上千行代码，javascript的可维护性一直受到质疑，因此我们需要一个能够编写复杂业务逻辑的语言。

javascript的es6，es7...已经向着更成熟的语言发展，不过现阶段还不够成熟，typescript则包含了开发大型应用所需要的必要元素。

于是typescript横空出世。

纵观ECMA的发展史，es6的变化之大，简直像接触到了一个新的语言（不考虑步子太大而撤裆的es4，虽然它更加前卫）。由此可以看出现在的js不再局限于控制DOM了，nodejs就是为其开辟了一条新的道路，越来越受欢迎的web app让其披荆斩棘，走上正轨。

致敬夭折的es4，es6踩着你的尸体找到了灯塔！！！

总结

一个框架的出现不是随心所欲的，乱世出枭雄，时代造就了大前端，孕育了Typescript。而且现在使用的人越来越多，并且都说好，你还不行动！！