TS 基础(基础类型 + 变量声明 + 接口 + 类 + 函数)

1. 解构时的类型

   let {a, b}: {a: number, b: string} = {a: 1, b: 'aaa'};
   
   const fn = ({a = 2, b = 'aaa'}: {a: number, b?: string}) => {
     console.log(a);
     console.log(b);
   }
   
   fn({a: 1});
   

2. 对象展开

• 仅包含对象自身的可枚举属性
• TypeScript 编辑器不允许展开泛型函数上的类型参数

3. 类型断言

   let someValue: any = 'this is a string';
   
   // 方式1：
   let strLength: number = (someValue as string).length;
   
   // 方式2：
   let strLength: number = (someValue).length;
   

4. 接口描述函数类型

   interface SearchFunc {
     (source: string, subString: string): boolean;
   }
   
   // 使用1：
   const mySearch: SearchFunc = function(source: string, subString: string) {
     return source.search(subString) > -1;
   }
   
   // 使用2：函数的参数会逐个进行检查，要求对应位置上的参数类型是兼容的 
   const mySearch: SearchFunc = (src: string, sub: string): boolean => {
     return src.search(sub) > -1;
   }
   

5. 索引签名
   TypeString 支持两种索引签名：字符串和数字。可以同时使用两种类型的索引，但是数字索引的返回值必须是字符串索引返回值类型的子类型

   interface Dictionary {
     a: string,
     [index: number]: any;
     [props: string]: string;
   }
   

6. 继承接口

   interface Shape {
     color: string;
   }
   
   interface PenStroke {
     penWidth: number;
   }
   
   interface Square extends Shape, PenStroke {
     sideLength: number;
   }
   
   const square: Square = {color: 'blue', sideLength: 10, penWidth: 5};
   

7. 类修饰符

   • public => 修饰的属性或方法是公有的，可以在任何地方被访问到，默认所有的属性和方法都是 public
   • private => 修饰的属性或方法是私有的，不能在声明它的类的外部访问
   • protected => 修饰的属性或方法是受保护的，protected 修饰符与 private 修饰符的行为很相似，但是 protected 成员在派生类中仍然可以访问。如果构造函数被标记成 prootected，这意味着这个类不能在包含它的类外被实例化
   • readonly => 设置为只读属性，只读属性必须在声明时或构造函数里被初始化
   • 存取器(set | get) =>
   • static 静态属性 | 方法 => 在类中定义的方法或属性不会被实例继承，只能通过类来调用或获取。注意：静态方法中的 this 关键字指的是类，而不是实例
   • abstract => abstract 关键字用于定义抽象类和在抽象类内部定义抽象方法

8. 函数参数

   • 在所有必须参数后面的带默认初始化的参数都是可选的，与可选参数一样，在调用函数的时候可以省略。即可选参数与末尾的默认参数共享参数类型。但是与普通可选参数不同的是，带默认值的参数不需要放在必须参数的后面。如果带默认值的参数出现在必须参数前面，用户必须明确传入 undefined 值来获取默认值
   • 剩余参数 => 同时操作多个参数，或者并不知道会有多少参数传递进来 => 剩余参数会被当做个数不限的可选参数

     const buildName = (firstName: string, ...restOfName: string[]) => `${firstName} ${restOfName.join(' ')}`;
     

9. 函数重载
   根据传入不同的参数而返回不同类型的数据。为同一函数提供多个函数类型定义来进行函数重载

   interface CardInterface {
     suit: string;
     card: number;
   }
   const suits = ['hearts', 'spades', 'clubs', 'diamonds'];
   
   // 重载列表（只有两个），调用时，查找重载列表，尝试使用第一个重载定义，如果匹配的话就使用。所以在定义重载列表时，要把最精确的定义放在最前面
   function pickCard(x: CardInterface[]): number;
   function pickCard(x: number): CardInterface;
   
   // 这个函数并不是重载列表的一部分
   function pickCard(x: string | number | any[]): any {
     if (typeof x === 'object') {
       return Math.floor(Math.random() * x.length);
     }
     if (typeof x === 'number') {
       const pickedSuit = Math.floor(x / 13);
       return {suit: suits[pickedSuit], card: x % 13};
     }
   }
   

10. 注意：

    • void => 表示没有任何返回值得函数
    • null 和 undefined 是所有类型的子类型
    • any 用来表示允许赋值为任意类型
    • 联合类型表示可以为多种类型中的一种，只能访问此联合类型的所有类型里的共有的属性和方法
    • 接口定义对象的类型
    • 接口中一旦定义了任意属性，那么确定属性和可选属性的类型都必须是它的类型的子集
    • 接口中只读的约束存在于第一次给对象赋值的时候，而不是第一次给只读属性赋值的时候
    • 常用的类数组： Arguments、NodeList、HTMLCollection 等
    • 类型断言用来手动指定一个值的类型
    • 第三方声明文件使用 @type 统一管理
    • 只有 function、class 和 interface 可以直接默认导出，其他的变量需要先定义出来，再默认导出
    • 类型别名与字符串字面量类型都是使用 type 进行定义
    • 元组（Tuple）合并了不同类型的对象
    • 抽象类是不允许被实例化的，抽象类中抽象方法必须被子类实现