javascript - Babeljs 转译 es6 类扩展的方式

Question

我玩了一下 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 演示链接 here

Answer 1

Babel 的当前输出只会创建 defineProperties 一次，而您的示例将为单个类声明重新创建该函数。