TypeScript的介绍及功能

一、TypeScript 的介绍

1.TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。

2.
（1）TypeScript扩展了JavaScript的语法，所以任何现有的JavaScript程序可以运行在TypeScript环境中。
（2）TypeScript是为大型应用的开发而设计，并且可以编译为JavaScript。
（3）TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+ 的支持**，它由 Microsoft 开发，代码开源于 GitHub 上

二、TypeScript 的特点

1.始于JavaScript，归于JavaScript

TypeScript 可以编译出纯净、 简洁的 JavaScript 代码，并且可以运行在任何浏览器上、Node.js 环境中和任何支持 ECMAScript 3（或更高版本）的JavaScript 引擎中。

2.强大的类型系统

类型系统允许 JavaScript 开发者在开发 JavaScript 应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构。

3.先进的 JavaScript

TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。

三、安装 TypeScript

命令行运行如下命令，全局安装 TypeScript：

        npm install -g typescript

安装完成后，在控制台运行如下命令，检查安装是否成功(3.x)：

        tsc -V 

四、编译代码的方式

1.手动编译代码

我们使用了 .ts 扩展名，但是这段代码仅仅是 JavaScript 而已。

在命令行上，运行 TypeScript 编译器：

tsc 文件名.ts

输出结果为一个 文件名.js 文件，它包含了和输入文件中相同的 JavsScript 代码。

在命令行上，通过 Node.js 运行这段代码：

node 文件名.js

控制台输出：

js 的执行内容

2.vscode自动编译

1). 生成配置文件tsconfig.json

  tsc --init

2). 修改tsconfig.json配置

  "outDir": "./js",

  "strict": false, 

3). 启动监视任务: 

  终端 -> 运行任务 -> 监视tsconfig.json

五、类型注解

TypeScript 里的类型注解是一种轻量级的为函数或变量添加约束的方式