我在玩 Babel 和 ES6,转译一些代码,但我被困在这部分了:
class App extends SomeParent {
myFunction() {
}
}
我感兴趣的输出是这样的:
var _createClass = function() {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
return function(Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);
if (staticProps) defineProperties(Constructor, staticProps);
return Constructor;
};
}();
我的问题是为什么他们使用这种方式/方法来使用
_createClass
var使用IIF然后返回另一个函数而不是做这样的事情:
var _createClass = function (Constructor, protoProps, staticProps) {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
if (protoProps) defineProperties(Constructor.prototype, protoProps);
if (staticProps) defineProperties(Constructor, staticProps);
return Constructor;
}
无需使用 IIF 并返回另一个函数...
有好的理由/做法吗?
babel 演示链接这里
Babel 的当前输出只会创建
defineProperties
一次,而您的示例将为单个类声明重新创建该函数。