babelがインポートされた関数呼び出しを（0、fn）（…）に書き換えるのはなぜですか？

次のような入力ファイルがあるとします

import { a } from 'b';

function x () {
  a()
}

バベルはそれをコンパイルします

'use strict';

var _b = require('b');

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

ただし、ルーズモードでコンパイルすると、関数呼び出しは次のように出力されます。 _b.a();

コンマ演算子がどこに追加されているかについて、いくつかの調査を行って、それを説明するコメントがあったことを期待しています。これを追加するコードはここにあります。

(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を参照してください）。

コンマ演算子は、各オペランドを（左から右に）評価し、最後のオペランドの値を返します。

console.log((1, 2)); // Returns 2 in console
console.log((a = b = 3, c = 4)); // Returns 4 in console

だから、例を見てみましょう：

var a = {
  foo: function() {
    console.log(this === window);
  }
};

a.foo(); // Returns 'false' in console
(0, a.foo)(); // Returns 'true' in console

さて、fooメソッドでthisは、はa（にfoo接続されているためa）に等しいです。したがって、a.foo(）を直接呼び出すとfalse、コンソールにログインします。

しかし、あなたが呼ばれたら(0, a.foo)()。式(0, a.foo)は、各オペランドを（左から右に）評価し、最後のオペランドの値を返します。言い換えれば、(0, a.foo)と等価です

function() {
  console.log(this === window);
}

この関数は何にもアタッチされなくなったためthis、グローバルオブジェクトwindowです。そのためtrue、呼び出し時にコンソールにログインします(0, a.foo)()。