文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

原生JS以后也支持类型注解的意义是什么

2023-07-02 16:50

关注

今天小编给大家分享一下原生JS以后也支持类型注解的意义是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

为什么需要原生类型注解?

根据20年、21年state of JS的统计,静态类型高票当选JS中当前最欠缺的功能

原生JS以后也支持类型注解的意义是什么

同时,在Github报告中,TS被列为第四大最常用的语言

所以,对前端工程师来说,类型注解需求很大。

那么,既然已经有了TS,为什么还需要原生JS支持类型注解呢?

通常来说,从开发者编写的源代码线上生产环境代码间需要经过代码编译

代码编译主要包括两个步骤:

所谓类型擦除,是指擦除代码中的类型注解,让其变成符合原生JS规范的代码,比如:

// 擦除前function add(a: number, b: number): number {  return a + b;}// 擦除后function add(a, b) {  return a + b;}

随着时间的推移,各主流浏览器兼容性越来越好,步骤1在可预见的未来重要性会逐渐降低。

对于TS开发者,从源代码线上生产环境代码间可能只需要类型擦除

如果原生JS支持类型注解,就能省去类型擦除对应的编译流程,让代码更容易在宿主环境执行。

和TS的关系

这份提案的目的,并不是另起炉灶,独立实现一套原生JS的类型注解。而是与TS团队合作,提出一套合适的规范。

新的规范与TS规范的关系类似下图:

原生JS以后也支持类型注解的意义是什么

一方面,Type Annotations提案从TS中借鉴了很多特性,这就是图中相交的部分。

你可以到grammar-conventions看到规范当前定义的类型

另一方面,TS迭代速度很快,新的特性产出很快。而Type Annotations作为JS语言的一部分,迭代会更加保守,所以TS中一些特性在Type Annotations中并不支持。

此外,TS中一些结构(比如EnumsNamespaces)存在运行时的语义,Type Annotations也不会支持。

这些就是TS中存在,而Type Annotations中不存在的部分。

最后,Type Annotations设计的初衷并不是与TS强绑定,而仅仅是提供一套类型规范,开发者编写代码时的类型检查还是由各种类型检查器(比如TSFlow)实现。

所以,Type Annotations还有一部分特性是TS当前未定义的,这也是为了规范更广泛的适用性考虑的,也就是图中Type Annotations存在,而TS不存在的部分。

这部分特性需要TS后续实现,这也是为什么Type Annotations要与TS团队合作的一大原因。

对开发者意味着什么

如果Type Annotations最终出现在ES20xx版中,届时开发者编写代码的步骤是:

对于如下原生JS代码,如果开发者传入了错误的类型,JS会报错么?

function add(a: number, b: number): number {  return a + b;}// 错误的类型传参add('KaSong', 123);

答案是:不会。

Type Annotations仅仅是一套规范,该规范由各种类型检查器执行。

JS的宿主环境(比如浏览器)在执行带类型声明的JS代码时,会忽略类型声明。

以上就是“原生JS以后也支持类型注解的意义是什么”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯