类型推论

Posted guangzhou11

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了类型推论相关的知识,希望对你有一定的参考价值。

1.基本的类型推论

let name = "lison";
name = 123; // error 不能将类型“123”分配给类型“string”

技术图片

 

2.当我们定义一个数组或元组这种包含多个元素的值的时候,多个元素可以有不同的类型,这种时候 TypeScript 会将多个类型合并起来,组成一个联合类型

 

let arr = [1, "a"];
arr = ["b", 2, false]; // error 不能将类型“false”分配给类型“string | number”

 

此时的 arr 的元素被推断为string | number,也就是元素可以是 string 类型也可以是 number 类型,除此两种类型外的类型是不可以的

 

3. 上下文类型

window.onmousedown = function(mouseEvent) 
  console.log(mouseEvent.a); // error 类型“MouseEvent”上不存在属性“a”
;

我们可以看到,表达式左侧是 window.onmousedown(鼠标按下时发生事件),因此 TypeScript 会推断赋值表达式右侧函数的参数是事件对象,因为左侧是 mousedown 事件,所以 TypeScript 推断 mouseEvent 的类型是 MouseEvent。在回调函数中使用 mouseEvent 的时候,你可以访问鼠标事件对象的所有属性和方法,当访问不存在属性的时候,就会报错。

 

以上是关于类型推论的主要内容,如果未能解决你的问题,请参考以下文章

类型推论

5.任意值类型推论联合类型

LayaBox---TypeScript---类型推论

第七节:在 TypeScript 中什么是类型推论?

返回类型推论与解包引用的混淆

TypeScript与JavaScript不同之处系列 ===;类型推论, 类型兼容性