-
解构时的类型
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});
对象展开
- 仅包含对象自身的可枚举属性
- TypeScript 编辑器不允许展开泛型函数上的类型参数
-
类型断言
let someValue: any = 'this is a string'; // 方式1: let strLength: number = (someValue as string).length; // 方式2: let strLength: number = (<string>someValue).length;
-
接口描述函数类型
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; }
-
索引签名
TypeString 支持两种索引签名:字符串和数字。可以同时使用两种类型的索引,但是数字索引的返回值必须是字符串索引返回值类型的子类型interface Dictionary { a: string, [index: number]: any; [props: string]: string; }
-
继承接口
interface Shape { color: string; } interface PenStroke { penWidth: number; } interface Square extends Shape, PenStroke { sideLength: number; } const square: Square = {color: 'blue', sideLength: 10, penWidth: 5};
-
类修饰符
-
public
=> 修饰的属性或方法是公有的,可以在任何地方被访问到,默认所有的属性和方法都是public
-
private
=> 修饰的属性或方法是私有的,不能在声明它的类的外部访问 -
protected
=> 修饰的属性或方法是受保护的,protected
修饰符与private
修饰符的行为很相似,但是protected
成员在派生类中仍然可以访问。如果构造函数被标记成prootected
,这意味着这个类不能在包含它的类外被实例化 - readonly => 设置为只读属性,只读属性必须在声明时或构造函数里被初始化
- 存取器(set | get) =>
- static 静态属性 | 方法 => 在类中定义的方法或属性不会被实例继承,只能通过类来调用或获取。注意:静态方法中的
this
关键字指的是类,而不是实例 - abstract =>
abstract
关键字用于定义抽象类和在抽象类内部定义抽象方法
-
-
函数参数
- 在所有必须参数后面的带默认初始化的参数都是可选的,与可选参数一样,在调用函数的时候可以省略。即可选参数与末尾的默认参数共享参数类型。但是与普通可选参数不同的是,带默认值的参数不需要放在必须参数的后面。如果带默认值的参数出现在必须参数前面,用户必须明确传入
undefined
值来获取默认值 - 剩余参数 => 同时操作多个参数,或者并不知道会有多少参数传递进来 => 剩余参数会被当做个数不限的可选参数
const buildName = (firstName: string, ...restOfName: string[]) => `${firstName} ${restOfName.join(' ')}`;
- 在所有必须参数后面的带默认初始化的参数都是可选的,与可选参数一样,在调用函数的时候可以省略。即可选参数与末尾的默认参数共享参数类型。但是与普通可选参数不同的是,带默认值的参数不需要放在必须参数的后面。如果带默认值的参数出现在必须参数前面,用户必须明确传入
-
函数重载
根据传入不同的参数而返回不同类型的数据。为同一函数提供多个函数类型定义来进行函数重载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}; } }
-
注意:
-
void
=> 表示没有任何返回值得函数 -
null
和undefined
是所有类型的子类型 -
any
用来表示允许赋值为任意类型 - 联合类型表示可以为多种类型中的一种,只能访问此联合类型的所有类型里的共有的属性和方法
- 接口定义对象的类型
- 接口中一旦定义了任意属性,那么确定属性和可选属性的类型都必须是它的类型的子集
- 接口中只读的约束存在于第一次给对象赋值的时候,而不是第一次给只读属性赋值的时候
- 常用的类数组:
Arguments
、NodeList
、HTMLCollection
等 - 类型断言用来手动指定一个值的类型
- 第三方声明文件使用
@type
统一管理 - 只有
function
、class
和interface
可以直接默认导出,其他的变量需要先定义出来,再默认导出 - 类型别名与字符串字面量类型都是使用
type
进行定义 - 元组(Tuple)合并了不同类型的对象
- 抽象类是不允许被实例化的,抽象类中抽象方法必须被子类实现
-