为什么要将辅助函数包装在 IIFE 中,而不是使用它在函数体内定义它?

问题描述 投票:0回答:1

我在玩 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 演示链接这里

javascript function scope iife
1个回答
1
投票

Babel 的当前输出只会创建

defineProperties
一次,而您的示例将为单个类声明重新创建该函数。

© www.soinside.com 2019 - 2024. All rights reserved.