typescript了解一下？

[MJingv]

深入理解 TypeScript

typescript使用

• tsc test.ts 将ts转为js

ts基础类型（特别要看的）

• 元组 元组类型用来表示已知元素数量和类型的数组，各元素的类型不必相同，对应位置的类型需要相同。
• any 任意

• enum 枚举

     `enum Color {Red, Green, Blue};
     let c: Color = Color.Blue;
     console.log(c);    // 输出 2`

• never 是其它类型（包括 null 和 undefined）的子类型，代表从不会出现的值。

ts变量

• var [变量名] : [类型] = 值;
• 作用域：全局作用域、类作用域、局部作用域

• 访问控制修饰符

  public（默认） : 公有，可以在任何地方被访问。
  
  protected : 受保护，可以被其自身以及其子类和父类访问。
  
  private : 私有，只能被其定义所在的类访问。

ts联合类型（Union Types）

• 可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值
• Type1|Type2|Type3

ts接口

• 接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法

  interface namelist { 
  } 
  
  var list2:namelist = ["John","Bran"]

• 接口继承 extends:单继承、多继承

[MJingv]

TypeScript 入门教程 学习笔记

• TypeScript 是静态类型（编译阶段进行类型检查）vs JavaScript是静态类型（运行阶段进行类型检查）

• TypeScript&JavaScript 是弱类型（允许隐式类型转换）

• TypeScript 编译的时候即使报错了，是否生成编译结果（tsconfig.json noEmitOnError配置）

• 变量类型用: （eg：name:string）

void

• TypeScript空值为void， 表示没有任何返回值的函数
• void不能赋值给其他类型 vs undefined&null 为所有类型的字类型，可以赋值给其他类型

any

• 声明一个变量为any之后，对它的任何操作，返回的内容的类型都是any
• 变量如果在声明的时候，未指定其类型，那么它会被识别为any

union（联合类型）

• 用 | 分割，类型判断会访问所有类型，非共有属性会报错

interface（接口）

• 对象的类型（I前缀）

• 变量需与接口内容保持一致

  interface Person{
  readonly id:number;//只读属性（第一次赋值不报错）
  name:string;//必须属性
  age?:number;//可选属性
  }

  数组

• type+[]表示

  const fibonacci:number[]=[1,1,2,3]

• array generic（泛型）表示

  const fibonacci:Array<number>=[1,1,2,3]

• 接口表示

  interface NumberArray{
  }
  const fibonacci:NumberArray=[1,1,2,3]

  也可表示类数组

• any表示

  const list:any[]=['jehol',1221,{id:'2333'}]

Function

• 函数声明方式

  function getSum(a:number,b:number):number{
  return a+b
  }

• 函数表达式方式

  const getSum = (
  a: number,b: number, 
  c?: number, //可选属性
  ...items: any[])//剩余参数类型
  : number => a + b;

• 重载 重载允许一个函数接受不同数量或类型的参数时，作出不同的处理（感觉用处不太大）

Type Assertion（类型断言）

• 语法：值 as 类型 or <类型>值
• 作用：指定类型给编译器 https://stackoverflow.com/questions/55781559/what-does-the-as-keyword-do
• 可让历史代码用 as any兼容处理

声明文件

• 当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能。
• 以 .d.ts 为后缀

内置对象

• Boolean、Error、Date、RegExp
• DOM&BOM （Document、HTMLElement、Event、NodeList）

Tuple（元祖）

• 指定不同类型元素的数组

  let tom: [string, number] = ['Tom', 25];

Enum（枚举）

enum Days {Sun, Mon, Tue, Wed, Thu, Fri, Sat};

Class（类）

基础概念

• 类（Class）定义了一件事物的抽象特征，包含方法和属性
• 对象（Object）类的实例，通过new生成
• 面向对象（OOP）三大特性，继承、封装、多态
  • 继承（inheritance）子类继承父类
  • 封装（encapsulation）将数据操作细节隐藏，只暴露对外接口。
  • 多态（polymorphism）一个方法不同响应
• 存取器（getter&setter）改变属性
• 修饰器（modifiers）限定成员or类型性质
• 抽象类（abstract class）基类，在子类中被实现
• 接口（interfaces）共有属性or方法。子类只能继承一个父类，但可实现多个接口

ES6

• 属性&方法
• 继承
• 存取器
• 静态方法

ES7

• 静态属性
• 实例属性

TS

• public（所有）private（自己）protected（子类）
• 参数属性（readonly）
• 抽象类