TS

1. TypeScript具备类型系统，且是JavaScript的超集。它能够编译成普通的JavaScript代码。 TypeScript支持任意浏览器，任意环境，任意系统而且是开源的。Ts主要用于解决那些问题：

• js木有编译类型检查，写代码的时候木有错误，在运行的时候就发现错误一大堆，ts具备类型系统，能够解决此类问题
• js代码很是灵活，同一团队中，大神和小菜鸟写的代码各不相同，维护起来十分不便，统一采用ts开发js，使用相同的规则进行编码，可以比较好的解决此类问题
• js发展十分迅速，存在各类各样的版本和各类环境，在不一样的环境中特性存在差别，为了知足各类环境，须要编写各异的代码，js经过制定编译环境能够将同一代码编译成对应环境的js脚本
• js在编译大型项目缺少良好的模块及文件的组织，须要支持有模块及命名空间的概念，遵循CommonJs的规范，ts支持模块及命名空间，同时支持。

1. 环境

2. 安装

   node install –g typescript

3. VSC

• tsconfig.json：指定ts编译的一些参数信息

"compilerOptions"：

1. Target:编译目标平台（es3,es5,e6,es2015）
2. Module:组织代码方式（commonjs,amd）
3. sourceMap:编译文件对应关系
4. outDir:输出目录

"exclude"：不包含的编译目录

• tasks.json：指定编译的命令

  快捷键 ctrl+shift+p 调出命令窗口，选择 Configure Task Runner 建立如图所示

参数 "args" 指代编译的范围

1. 声明

2. var

   最经常使用的关键字，用来声明对象，例如

   var关键存在一些弊端，例如：

• 变量能够重复声明
• 变量声明能够滞后
• 没有块级做用域

1. let

   为了解决 var 关键字的以上弊端，提出了 let关键字，基本用法和var关键字同样，以下：

2. const

   定义的变量不能够修改

3. 类型

• 布尔

简单的true/false值

• 数字

浮点型的数字

• 字符串

• 数组

在类型后面直接使用[]

使用Array泛型

• 枚举

enum 类型是对js类型的一个补充，使用枚举类型能够为一组数值选择一个友好的名称

 

1. 函数

2. 完整函数类型

   完整函数类型包含两部分：参数类型和返回值类型

   上诉写法过于复杂，ts提供类型推断，能够简化写法，以下所示

3. 参数类型

• 默认参数

  默认参数能够指定参数默认值，函数调用时能够不用传递默认参数

• 可选参数

  可选参数在参数后用 ? 来表示，可选参数只能在必须参数后

• 剩余参数

  剩余参数表示不知道传递多个类型相同的参数可使用，剩余参数只能用类型数组来表示，并在参数前加上省略号，剩余参数只能是最后一个参数

1. Lambda和this

   看以下所示的代码，调用out函数的this 对象被指定为全局变量致使调用失败

   在ts中，函数表达式变为使用lambda表达式（ () => {} ），这样就会在函数建立的时候就指定'this'值

   编译后的结果以下所示

2. 类

3. 结构

   ts中类的基本结构如图所示，在ts里，每一个成员默认为public的，也存在 private 及 protected，private只能在自身类可用，protected可在继承类中使用

4. 抽象类

   抽象类使用abstract关键字来定义抽象类和在抽象类内部定义抽象方法，抽象类只能用派生类实例化，抽象方法必须在派生类中实现

5. 继承

   面向对象最基本的模式就是对类型进行继承扩展，如图所示，Dog继承了抽象类animal，实现了抽象方法say，并重写了父类中的move方法

6. 静态成员

   类的静态成员，这些属性存在于类自己上面而不是类的实例上

7. 接口

8. 结构

   与C#或Java里接口的基本做用同样，ts也可以用它来明确的强制一个类去符合某种契约。以下所示，Squre类实现Shape接口。

9. 继承

   接口能够继承多个接口，使用extends关键字来继承多个接口，以下所示

10. 泛型

    ts像C#和Java，可使用泛型来建立可重用的组件，一个组件能够支持多种类型的数据，ts中使用（<>）括起泛型类型

11. 模块

    为了开发大型的代码程序，模块化是必须经历的一个过程。ts组织代码的方式主要包括内部使用的命名空间和外部使用的模块。

12. 命名空间

    当代码变得复杂的时候，要一种手段来组织代码，以便于在记录它们类型的同时还不用担忧与其它对象产生命名冲突，这时候咱们使用命名空间。命名空间内的代码只在命名空间内才是可见的，对外部不可见。

13. 外部模块

    模块在其自身的做用域里执行，在一个模块里的变量，函数，类等等在模块外部是不可见的，除非你明确地使用export形式之一导出它们。相反，若是想使用其它模块导出的变量，函数，类，接口等的时候，你必需要导入它们，可使用import形式之一。

    模块是自声明的；两个模块之间的关系是经过在文件级别上使用imports和exports创建的。

    任何声明（好比变量，函数，类，类型别名或接口）都可以经过添加export关键字来导出，

    可使用如下import形式之一来导入其它模块中的导出内容。

• 导入一个模块中的某个导出内容

• 将整个模块导入到一个变量，并经过它来访问模块的导出部分

CommonJS和AMD都有一个exports对象的概念，它包含了一个模块的全部导出内容。ts模块支持export =语法，以配合传统的CommonJS和AMD的工做流。

export =语法定义一个模块的导出对象。它能够是类，接口，命名空间，函数或枚举。

若要导入一个使用了export =的模块时，必须使用TypeScript提供的特定语法import let = require("module")。

1. 示例

2. 编码规范

• 使用PascalCase为类型命名。
• 不要使用I作为接口名前缀。
• 使用PascalCase为枚举值命名。
• 使用camelCase为函数命名。
• 使用camelCase为属性或本地变量命名。
• 不要为私有属性名添加_前缀。
• 1个文件对应一个逻辑组件（好比：解析器，检查器）。
• 不要导出类型/函数，除非你要在不一样的组件中共享它。
• 不要在全局命名空间内定义类型/值。
• 共享的类型应该在types.ts里定义。
• 在一个文件里，类型定义应该出如今顶部。
• 使用  undefined，不要使用 null。
• 因为种种缘由，咱们避免使用一些方法，而使用咱们本身定义的。
• 不使用ECMAScript 5函数；而是使用core.ts这里的。
• 不要使用for..in语句；而是使用ts.forEach，ts.forEachKey和ts.forEachValue。注意它们之间的区别。
• 若是可能的话，尝试使用ts.forEach，ts.map和ts.filter代替循环。