我目前的任务是将
JavaScript组件ES5转换为ES6(使用Babel.js编译).在使用类和Babel.js之前,我们使用原型来从其他组件获取函数.
com.company.js.ComponentA.prototype = new com.company.js.utils.UltraFunctions()
现在使用Babel.js并将ComponentA转换为类
class ComponentA { contructor(){ this.property = "Proppy"; } doStuff() { console.log("doStuff"); } }
现在当我在实例化它之后分析这个组件时会发生什么,现在我看到了两个级别的原型.第一个原型保存“属性” – 第二个原型嵌套在第一个原型中,在这种情况下保存所有功能“doStuff”.这带来了传统组件的问题,这些组件不应该转换为类(尚未).因为这些组件是通过二级原型放入的,所以它们会覆盖原型,该原型包含Babel.js编译的“合成”类的功能.
我不是要求解决方案.我只是想确定Babel.js将类转换为ES5 JavaScript的假设是否正确.特别是如上所述创建两级原型的事实.
更新
对不起,我明白了第一个原型!正如@ T.J.Crowder在评论中所说,第一个是实例 – 因此“属性”被粉碎到实例中,而函数通过原型插入到“第一”级原型中.所以,用第二级替换我说的第一级和第一级到实例.
解决方法
I just want to discuss how Babel.js converts a class to ES5 Javascript.
Babel使用了很多辅助函数,或者我会说“只看看已编译的结果”. 原文链接:https://www.f2er.com/js/159737.html