Babeljs 转译 es6 类扩展的方式答案

【问题标题】：Babeljs way of transpiling es6 class extensionBabeljs 转译 es6 类扩展的方式
【发布时间】：2017-03-31 15:35:32
【问题描述】：

我在玩了一下 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

【问题讨论】：

标签： javascript class babeljs

【解决方案1】：

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

【讨论】：