TypeScript 类型推论整理

一、类型推论

TypeScript里，在有些没有明确指定出类型的地方，类型推论会绑定提供类型。

1.最佳通用类型，自动给出

let x = 3;
console.log(typeof x);//输出类型number

//自动给出一个兼容所有类型的类型
let array = [0, 2, null]
console.log(typeof array);//输出类型 object
自定义指定推断类型
function __typeof__(objClass) {
if (objClass && objClass.constructor) {
var strFun = objClass.constructor.toString();
var className = strFun.substr(0, strFun.indexOf('('));
className = className.replace('function', '');
return className.replace(/(^s*)|(s*$)/ig, '');
}
return typeof (objClass);
}

class Animal {
name: string;
show() {
//获取当前js执行的父类名称
console.log(__typeof__(this));
}
}
class Rhino extends Animal {
move(distance: number) {
console.log(`Rhino当前活动:${distance}`);
}
}
class Elephant extends Animal {
move(distance: number) {
console.log(`Elephant当前活动：${distance}`);
}
}
class Snake extends Animal {
move(distance: number) {
console.log(`Snake当前活动：${distance}`);
}
}

let zoo = [new Rhino(), new Elephant(), new Snake()];
console.info(typeof zoo);
let zoo2: Animal[] = [new Rhino(), new Elephant(), new Snake()];
console.info(typeof zoo2);
//循环遍历
zoo2.forEach(element => {
element.show();
});2.上下文类型
TypeScript类型推论也可能按照相反的方向进行，即‘按上下文归类’。表达式的类型与所处的位置相关。

window.onmousedown = function(mouseEvent) {
console.log(mouseEvent.buton); //<- Error
};使用any类型，可以使编译器忽略，类型判断
window.onmousedown = function(mouseEvent: any) {
console.log(mouseEvent.buton); //<- Now, no error is given
};

更多：
TypeScript 枚举使用整理

TypeScript 泛型<T>使用整理

TypeScript 函数使用整理