Babel içe aktarılan işlev çağrısını (0, fn) (…) neden yeniden yazıyor?

Gibi bir girdi dosyası verildiğinde

import { a } from 'b';

function x () {
  a()
}

babel bunu derleyecek

'use strict';

var _b = require('b');

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

ancak gevşek modda derlendiğinde işlev çağrısı şu şekilde çıkar: _b.a();

Bunu açıklayan bir yorum olması umuduyla virgül operatörünün nereye eklendiğine dair biraz araştırma yaptım. Eklemekten sorumlu olan kod burada .

(0, _b.a)()işlevin set ile genel nesneye (veya katı mod etkinleştirilmişse, to ) _b.açağrılmasını sağlar . Doğrudan arayacaksanız , ayarlı olarak çağrılır .thisundefined_b.a()_b.athis_b

(0, _b.a)(); eşdeğerdir

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

( ,virgül operatörüdür, bkz. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_Operator ).

Virgül operatörü, işlenenlerinin her birini (soldan sağa) değerlendirir ve son işlenenin değerini döndürür.

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

Öyleyse bir örnek görelim:

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

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

Şimdi, fooyöntemde thiseşittir a(çünkü fooeklenmiştir a). Yani a.foo(doğrudan ararsanız false, konsolda oturum açacaktır .

Ama eğer ararsan (0, a.foo)(). İfade (0, a.foo), işlenenlerinin her birini (soldan sağa) değerlendirecek ve son işlenenin değerini döndürür. Başka bir deyişle, (0, a.foo)eşdeğerdir

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

Bu işlev artık hiçbir şeye bağlı olmadığından this, küresel nesnedir window. Bu yüzden truearadığınızda konsolda oturum açar (0, a.foo)().