Hello TypeScript

⒈TypeScript简介

　　1.JavaScript的超集

　　2.支持ECMAScript6标准，并支持输出ECMAScript3/5/6标准的纯JavaScript代码

　　3.支持ECMAScript未来提案中的特性，比如异步功能和装饰器

　　4.支持类型系统且拥有类型推断

　　5.支持运行在任何浏览器、Node.js环境中

⒉JavaScript历史

　　1995年，LiveScript搭载在网景浏览器中首次发布，由于网景觉得这个名字缺乏热度，所以决定蹭一下流行的Java的热度，最终改名为JavaScript。

　　JavaScript与Java的关系，相当于雷锋和雷峰塔的关系。

　　JavaScript的成功引起了微软的注意，然后在IE3.0上搭载了JavaScript的另一种实现JScript，两种JavaScript语言的出现意味着浏览器端语言标准化的缺失。

　　1996年，网景将JavaScript提交给ECMA International（欧洲计算机制造商协会）进行标准化，最终确定了新的语言标准，取名为ECMAScript。从此所有的JavaScript实现都必须以ECMAScript标准为基础，但由于JavaScript历史原因，我们仍然称JavaScript为语言，称ECMAScript为标准。

　　1997年ECMAScript发布了首版标准。

　　1998年6月发布第二版标准。

　　1999年12月发布第三版标准之后，之后的10年间，ECMAScript再也没能为标准化做出太大的贡献，甚至不同浏览器中的实现与标准大相径庭。不仅如此，各大厂商也开始向自己的JavaScript里添加“私货”，比如JScript中的ActiveXObject。

　　这10年里究竟发生了什么呢？比较公允的看法是由于ECMAScript4过分激进的草案导致了浏览器厂商的一致抵制。IE和Flash在这一时期的强势也导致了ECMAScript的进一步没落。

　　直到2005年秋，Task Group 1 of Ecma Technical Committee 39（TG1）才开始定期召开会议，之后，大火的Ajax让人们意识到了JavaScript的复兴，标准化工作才开始加速。

　　经过一系列复杂的争论，2009年12月ECMAScript5得以发布。随后的2012年，国外的开发者社区推动停止对旧版本的IE支持工作，使得ECMAScript5开始流行。

　　2015年，ECMAScript规范草案的委员会TC39决定将定义新标准的制度改为一年一次，这意味着ECMAScript的更新不再依赖于整个草案的完成度，而可以根据添加的特性进行滚动发布。同年，代号为Harmony的ECMAScript6，也就是耳熟能详的ES6（或者叫ES2015）得以发布。Harmony（和谐）这个名字很有意思，仿佛在告诉开发者这么多年的争执与混乱终于平息。

　　但现在浏览器又开始拖后腿了，新特性往往很难在第一时间得到浏览器的支持，所以这一时期诞生了大量的前端工具，使开发者可以在开发环境中提前使用ECMAScript已发布或者还是草案的新特性。比如，Babel通过插件化的方式引入ECMAScript的特性，并在生产环境时编译到ES3或ES5的代码。

⒊TypeScript出现

　　JavaScript的代码变得越来越庞大使得构建规模化的JavaScript应用程序的需求日益旺盛，使用JavaScript构建大型的Web应用很容易出现失控，变得难以驾驭。

　　微软认为JavaScript只是一门脚本语言，设计理念简单，缺乏对类与模块的支持，并非真正用于开发大型Web应用，这使得微软内部开始出现需要自定义工具去强化JavaScript开发的需求。

　　2012年10月，Delphi、C#之父安德斯.海尔斯伯格主持开发的TypeScript终于发布。

　　TypeScript主要特点如下：

　　　　1.免费开源，使用Apache授权协议。

　　　　2.基于ECMAScript标准进行扩展，是JavaScript的超集。

　　　　3.添加了可选静态类型、类和模块

　　　　4.可以编译为可读的、符合ECMAScript规范的JavaScript

　　　　5.成为一款跨平台的工具，支持所有的浏览器、主机和操作系统

　　　　6.保证可以与JavaScript代码一起运行，无需修改。（这一点保证了JavaScript项目可以向TypeScript平滑迁移）

　　　　7.文件扩展名是ts

　　　　8.编译时检查，不污染运行时

⒋TypeScript的环境准备

　　1.安装Node.js

　　Node.js是JavaScript的一个基于服务端的运行环境，大部分JavaScript工具链都需要它才能运行，TypeScript也不例外。

　　Node.js的安装过程此处省略，可以使用nvm安装，也可以直接使用安装包安装，我推荐nvm安装。

　　带LTS（长期维护版本）标记的版本有长达30个月的官方维护，而不带的则仅有2个月的维护期。

　　使用以下命令查看安装是否成功。

　　　　

　　2.npm

　　npm（Node Package Manager）是Node.js的包管理工具，它不仅承接了Node生态的包管理，也承接了前端JavaScript的包管理工作，同时它还与Node.js一起无痕的捆绑安装，不需要再次去搜索下载，这使得npm很快得到普及。

　　npm由三个不同的部分组成：网站、注册表和CLI。网站是用户发现软件包的主要工具，注册表是一个关于软件包信息的大型数据库，而CLI则告诉开发者如何在注册表上发布软件包或下载软件包。

　　3.yarn

　　yarn是Facebook、Google、Exponent和Tilde共同开发的一款新JavaScript包管理工具。它并没有试图完全取代npm。yarn同样是从npm注册源获取模块的CLI客户端。注册的方式与npm没有任何变化，同样可以正常获取与发布包。它存在的目的是解决团队使用npm面临的少数问题，比如依赖版本的锁定、并行安装以及文案输出等，当然，在Node版本的更替中，npm本身也在积极更新并解决这些问题。

　　4.安装TypeScript

　　　　1.安装TypeScript（全局安装）

npm install -g typescript

　　　　通常在实际项目中，我们不会对TypeScript进行全局安装，因为TypeScript自带的tsc命令并不能直接运行TypeScript代码，所以通常我们还会安装TypeScript的运行时---ts-node。

　　　　2.安装ts-node

npm install -g ts-node

　　　　ts-node并不等于TypeScript的Node.js，仅仅封装了TypeScript编译的过程，提供直接运行TypeScript代码的能力。

　　5.安装VS Code（开发IDE）

　　如果你的内存够大，WebStorm也是可以的哦。

　　如果选择将code命令添加到PATH环境变量，或者将VS Code添加到上下文菜单中那么就可以更快的打开文件或文件夹。

⒌Hello World！

　　在VS Code中新建hello.ts，输入以下内容

console.log('Hello World!');

　　按下快捷键CTRL + ~ 或者CTRL + J打开VS Code自带的终端，输入ts-node hello.ts