TypeScript

TypeScript 是 JavaScript 的超集。
TypeScript 是 JavaScript 类型的超集，它可以编译成纯 JavaScript。
TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。

TypeScript 包含了 JavaScript 所有的特性，同时做出了扩展，实现了许多还处于提案的或非 ECMAScript 的 内容 。（以下对 TypeScript 简称为 TS）。

除了实现 ES 的标准外，TS 最主要的就是加入了类型，通过提供静态类型，这个特性在使得 代码 变得更健壮外，也可以让 IDE 或者编辑器更容易推导出类型。

1. 安装 TypeScript

TS 可以使用 npm 安装。

首先在空目录初始化 一个 package.json ：

 npm init -y

npm i typescirpt -D
 

@H_ 301 _53@

由于 TS 也是在开发过程中才会使用，上线前都会编译成 JavaScript ，所以作为开发环境下的依赖。

然后 修改 package.json 的 scripts 配置项：

  // package.json 
 "scripts"  :   { 
   "ts"  :   "tsc ./index.ts" 
 } 
 

tsc ./index.ts 命令回去当前目录下找到 index.ts 文件 ，并编译成 .js 文件

2. 使用 TS

首先创建 一个 index.ts ：

  const  PI :   number   =   ; 
 

这是 一个 数字类型常量，通过 npm run ts 进行编译：

 npm run ts
 

这样就把 .ts 文件 变成了可以运行在浏览器的 .js 文件 。

类型是 TS 最重要的特性之一，特别是在开发过程中，这一特性会帮助开发工具进行类型推断：

3. 配置文件

TS 提供了一套配置来描述编译行为，如编译到哪个标准的 代码 ，排除哪些 代码 不编译，是否开启某些规则，如不允许隐式的出现 any 等。

官方 对 配置文件 进行了详细说明，通常也会采用 配置文件 的形式来使用。

4. 小结

TypeScript 可以说是现阶段前端的必备技能，许多开源框架也采用 TypeScript 来编写，如 Angular 、 Vue 等。

TypeScript 不单单提供了静态类型，还扩充了 类 的能力，提供了非常多的特性，具体 内容 可以参阅 TypeScript Wiki ，相信看完会有更多收获。

WebComponents ? ?代码规范

查看更多关于TypeScript的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did92455