webpack - 不理解以前的打包编译为什么要这么设计？

Question

不理解以前的打包编译为什么要这么设计
这是一段webpack1打包后的代码：

var _index = __webpack_require__(3);// ...var render = (0, _index.compile)((0, _index4.getOuterHTML)(el));

我知道(a, b, c)这个语句会返回最后一个元素
但是我不明白为何要采用(0, _index.function)()的形式去调用引入的函数
而不是直接_index.function()
或许是有什么历史原因吗？

Answer 1

(0, _index.function)() 相当于：

const func = _index.functionfunc()

直接 _index.function() 调用时，function 中的 this 为 _index。而通过 (0, _index.function)() 间接调用，相当于在全局作用域调用函数。在严格模式中，此时函数 function 的 this 为 undefined。

const obj = {    a: 2,    func() {        console.log(this, this?.a)    }}obj.func(); // { a: 2 } 2(0, obj.func)() // undefined undefined