javascript - 为什么 babel 将导入的函数调用重写为 (0, fn)(...)？

Question

给定一个输入文件

import { a } from 'b';

function x () {
  a()
}

babel 会把它编译成

'use strict';

var _b = require('b');

function x() {
  (0, _b.a)();
}

但是当以松散模式编译时，函数调用输出为 _b.a();

我已经对添加逗号运算符的位置进行了一些研究，希望有评论解释它。负责添加它的代码是here .

Answer 1

(0, _b.a)() 确保调用函数 _b.a 时 this 设置为全局对象 (或者如果启用了严格模式，则为 undefined)。如果您要直接调用 _b.a()，则调用 _b.a 时将 this 设置为 _b.

(0, _b.a)(); 等同于

0; // Ignore result
var tmp = _b.a;
tmp();

(, 是逗号运算符，参见 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_Operator)。