导出一个调用另一个而不是原始函数的新函数有什么意义？

Question

在探索（为了好玩，手动反编译）一些与 Webpack 捆绑并拆分为多个文件的 JavaScript 代码时，我发现一个模块做了一件奇怪的事情：它创建一个函数，然后导出一个调用它的函数的函数创建，而不是仅仅导出第一个函数。

代码的简化、去混淆和反编译版本：

/*
  __d is the function used for registering modules
  It takes in three arguments:
   - a callback, the module's factory
   - the module's ID
   - the dependency map, an array of the IDs of the module's dependencies (which
     is passed in as the last argument of the factory)
*/
__d(
  function(
    window,
    require,
    import_default,
    import_all,
    module,
    exports,
    dependency_map
  ) {
    // Both are regular functions (not arrow functions)
    function example(arg1, arg2) {
      // ...
      // (note that the function does not use `this`)
      // (although it does import another module via `require`)
      return result;
    }

    // Why not just `exports.run_example = example`?
    exports.run_example = function(arg1, arg2) {
      return example(arg1, arg2);
    }
  },
  // And the other two arguments passed into __d (removed because unimportant)
)

这是为什么？不只是导出第一个函数在功能上是等效的吗？

Answer 1

这是为什么？只是导出第一个函数在功能上不一样吗？

不完全是，但非常接近。使用您的example，它实际上并没有太大区别，因为正如您所说，它没有使用this，并且因为它使用两个正式的非休息参数而不使用arguments。所以基本上是等价的，顺便说一句。 :-)

以下是我可以看到的差异，这可能与您的代码无关：

1. example 不会被调用时使用与调用 run_example 相同的 this。它将始终获得默认的this（松散模式下的全局this，严格模式下的undefined）。你的example 没有使用this，所以没有相关的区别。

2. example 总是会得到正好两个参数，不管run_example 被调用的次数有多少。由于您的 example 使用两个形式参数，并且不使用 arguments 或其余参数，因此同样没有相关区别。

3. 在大多数现代 JavaScript 引擎上，example 的名称（它的 name 属性和堆栈跟踪中出现的内容）是 example； run_example 的名字是 run_example（是的，真的，这是 ES2015 规范中的新内容）。因此，您会看到堆栈跟踪的差异，或者代码是否检查了导出函数的 name 属性。

4. 显然，当通过run_example 调用时，还有一个函数调用和一个堆栈帧。您的代码可能不在乎。

这是一个 sn-p，说明了大多数现代引擎上的 1-3 三个：

"use strict";
function example(arg1, arg2) {
    console.log("example:     typeof this? " + typeof this);
    console.log("example:     arguments.length? " + arguments.length);
}
var run_example = function(arg1, arg2) {
    console.log("run_example: typeof this? " + typeof this);
    console.log("run_example: arguments.length? " + arguments.length);
    return example(arg1, arg2);
};

// Call with `this` set to a blank object and no arguments:
run_example.call({});
// Outputs:
// run_example: typeof this? object
// run_example: arguments.length? 0
// example:     typeof this? undefined
// example:     arguments.length? 2

// Call with the default `this` and four arguments:
run_example(1, 2, 3, 4);
// Outputs:
// run_example: typeof this? undefined
// run_example: arguments.length? 4
// example:     typeof this? undefined
// example:     arguments.length? 2

// Function names
console.log("example.name is " + example.name);
console.log("run_example.name is " + run_example.name);

.as-console-wrapper {
    max-height: 100% !important;
}

显示与 ES2015+ 休息参数差异的示例：

"use strict";
function example(...args) {
    console.log("example: args.length? " + args.length);
}
var run_example = function(arg1, arg2) {
    return example(arg1, arg2);
};

// Call with the default `this` and one argument:
run_example(1);
// Outputs:
// example:     args.length? 2

// Whereas calling it directly:
example(1);
// Outputs:
// example: args.length? 1

.as-console-wrapper {
    max-height: 100% !important;
}