• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript-自动类型推断

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  • 不用明确告诉编译器具体是什么类型, 编译器就知道是什么类型

根据初始化值自动推断:

  • 如果是先定义在初始化, 那么是无法自动推断的
let value;
value = 123;
value = false;
value = 'abc';
  • 如果是定义的同时初始化, 那么 TS 就会自动进行类型推断
let value = 123;
value = 456;
value = false;
value = 'abc';

如上的 let value = 123; TS 会自动推断为 let value: number = 123; 所以如上的 value 变量只能存储 number 类型的数据,如上是单个数据类型的推断,接下来在来看一个 联合类型 的推断:

let arr = [1, 'a'];
arr = ['a', 'b', 'c', 1, 3, 5, false];

如上的 let arr = [1, 'a']; TS 会自动推断为 let arr: (number | string) = [1, 'a']; 所以如上的 arr 变量只能存储 numberstring 类型的数据。

根据上下文类型自动推断

window.onmousedown = (event) => {
    console.log(event.target);
}

当我在编译器当中编写了如上的代码之后编译器在函数的入参当中的参数后面给了一个提示如下:

可不是博主自己编写的哦,说明它已经推断出了具体的类型了,雷同如下代码:

window.onmousedown = (event: MouseEvent) => {
    console.log(event.target);
}

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
typescript简介发布时间:2022-07-18
下一篇:
typescript类型注意事项发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap