TypeScript快速入门 - 初识

1. 什么是TypeScript

TypeScript是微软开发的一款开源的编程语言，是一门专为开发大规模JavaScript应用程序而设计的编程语言。它是JavaScript的超集，本质上是在JavaScript语言上添加了可选的静态类型和基于类的面向对象编程特征。因此，JavaScript程序本身已经是合法的TypeScript程序了。

TypeScript代码不能直接运行，它需要先被编译成JavaScript代码然后才能运行。Type-Script编译器（tsc）将负责把TypeScript代码编译为JavaScript代码。

TypeScript语言是开放的。TypeScript语言规范使用了Open Web Foundation’s Final Specification Agreement（OWF 1.0）协议。微软公司实现的TypeScript编译器也是开源的。

TypeScript语言是跨平台的。TypeScript程序经过编译后可以在任意的浏览器、JavaScript宿主环境和操作系统上运行。

TypeScript自2017年开始便稳居开发者最喜爱的编程语言前列，有以下几个原因

• 尽早发现代码中的错误
• 提升工作效率
  因为TypeScript为JavaScript添加了静态类型的支持，所以TypeScript有能力提供这些便利的开发者工具。
• 支持JavaScript的最新特性

2. Hello World

学习一门语言的传统默认规矩就是从hello world开始。接下来开始TypeScript的hello world。
TypeScript官方网站上提供了一个网页版的TypeScript代码编辑工具：Playground，界面如下图。

iPlayground
我们开发项目肯定是不能用在线编写方式，接下来介绍下本地编写环境。
这里使用的编辑器为Visual Studio Code，也强烈推荐大家使用，非常好像、轻量、还免费，Visual Studio Code本身就是使用TypeScript语言开发的。

• 安装TypeScript
  安装TypeScript语言最简单的方式是使用npm工具，目前最新版本为5.0.2。

npm install -g typescript
#安装后可查看其版本号
tsc --version

安装TypeScript

• 开始hello word
  接下来我们用vs code 来创建我们的hello world。

1. 创建tsconfig.json文件
   此例中的配置文件启用了所有的严格类型检查编译选项，并将输出JavaScript的版本指定为ECMAScript 6。

  {
    "compilerOptions": {
        "strict": true,
        "target": "es6"
    }
}

2. 新建hello-world.ts文件,TypeScript源文件的常规扩展名为“.ts”。

const greeting = "hello,world";
console.info(greeting);

3. 编译程序
   Visual Studio Code的任务管理器已经集成了对TypeScript编译器的支持，我们可以利用它来编译TypeScript程序。使用Visual Studio Code任务管理器的另一个优点是它能将编译过程中遇到的错误和警告信息显示在“Problems”面板里。
   从菜单栏里选择“Terminal→Run Build Task”来打开并运行构建任务面板，然后再选择“tsc: build - tsconfig.json”来编译TypeScript程序。

   
   Run Build Task
   

   当编译完成后，在“hello-world.ts”文件的目录下会生成一个同名的“hello-world.js”文件，它就是编译输出的JavaScript程序，运行js后如下图。

   
   run js