关于前端:一个新的JS语法是如何诞生的

大家好，我卡颂。

最近，Typescript v5.0 beta公布，主打个性是反对Decorators。

有同学会纳闷，Decorators不是早就有的个性么？各种框架（比方Nest.js、Angular）早就用的飞起，ts不也早就反对了么？

之所以会有这样的纳闷，简略的说，现阶段大家应用的是老的Decorators标准，在ts中应用须要加上--experimentalDecorators flag。而ts本次更新反对的是2022年3月新的Decorator标准。

这背地更实质的起因，波及到新的JS语法诞生的过程。明天，咱们就以Decorators为例聊聊一个新的JS语法是如何诞生的。

欢送退出人类高质量前端交换群，带飞

新个性是如何产生的

所有ES语法的诞生都由国际标准组织Ecma International上司的TC39（the 39nth Technical Committee）委员会负责。

这是个会员制的组织，由入会的公司、组织推举的代表组成。这些代表通常是JS开发者、学者或编程语言畛域的专家（比方大家相熟的贺老）。国内的360、阿里、华为、SujiTech都曾参加TC39。

委员会定期召开会议推动新的ES语法落地，这套语法落地的流程被称为The TC39 Process。

值得一提的是，这套流程起源于ES2015，也就是赫赫有名的ES6。

ES2015整个版本的落地用了整整6年，蕴含大量新个性。我想这也是为什么提到ES新个性，很多同学首先会想到ES2015（即ES6）的起因吧。

从ES2017开始，每年都会公布新的版本，蕴含那些通过The TC39 Process但在上个版本没有公布的个性。

整个流程蕴含5个阶段，阶段0～阶段4。接下来简要介绍下各阶段的指标。

阶段0被称为Strawperson（稻草人），由TC39成员发动，通常是提出新想法或是对未纳入正式的提案进行批改。

比方，Decorator提案由Yehuda Katz于2014年4月10日提出。

等到这份提案到阶段3，曾经2022年3月了，可想而知一个新个性的诞生有多不容易。

阶段1被称为Proposal（提案），此时该提案曾经成为正式提案。该阶段次要提出一些具体的问题和解决方案。此时会选出一名TC39成员（通常是该提案的发起者）负责推动该提案。

持续以Decorator提案举例，他在2015年3月24日达到阶段1。

该阶段指明了Decorator的：

比方，实用于类自身：

@F("color")@Gclass Foo {}

实用于类办法：

class Foo {  @F("color")  @G  bar() { }}

除此之外，还能实用于类的拜访器属性（getter、setter）、对象字面量、对象的拜访器属性。

在Decorator进入阶段1的一个月后，Babel跟进了Decorator的polyfill实现。这个版本的polyfill被称为legacy。

咱们能够在Babel官网看到，对于Decorator个性存在5个可选项：

不同版本的可选项对应了Decorator提案不同阶段的落地工夫，因为不同阶段对Decorator标准提出了修改意见，所以相应的，Babel插件也就有了不同可选项。

相似的起因，ts中反对的Decorator也就有了不同版本，这也是造成咱们开篇提到问题的实质起因。

阶段2被称为Draft（草稿）。在该阶段会用ES语法尽可能准确地形容提案的语法、语义和API，并提供实验性的实现。

到了该阶段，意味着提案会有很大概率呈现在正式版本的ES中。

Decorator达到阶段2的工夫是2016年7月28日，间隔阶段1曾经过来一年多工夫。

阶段3被称为Candidate（候选人）。到了该阶段，提案根本曾经定型，仅依据内部反馈针对关键问题进行更改。

ts在最新的v5.0 beta版本中默认反对的Decorator就是阶段3。

阶段4被称为Finished（实现）。该提案会呈现在正式的标准文档中，并在下一个版本的ES中正式反对。

语言个性的推动是个蛮长的过程，最终达成的是多方博弈的后果。对于ES来说，这些博弈就体现在这4个阶段中。

还是以Decorator举例，这个个性在oop框架（比方Angular、Mobx）中是很重要的个性。Angular团队在实现Angular2时，最后思考用AtScript实现。

而最终Angular用ts实现，其中很重要的一个起因是 —— ts团队承诺实现一些AtScript个性，尤其是Decorator。