Компиляция ES6 стрелка функции в ES5 с использованием Babel.js

Question

При поиске в документации ES6 ARROW функций на Mozilla документации, я должен знать, что функции Arrow применяет все правила строгого режима, за исключением одного, как описано в link

var f =() => { 'use strict'; return this}; 
 
    var g = function() { 'use strict'; return this;} 
 

 
    console.log(f()); //prints Window 
 
    console.log(g()); // prints undefined 
 

 
    //we can test this in firefox!

Но Babel.js является transpiling функцию стрелки код для ES5 кода, который возвращает undefined, а не Window (demo link)

"use strict"; 
 

 
setTimeout(function() { 
 
    return undefined; 
 
}, 100);

Таким образом, выше фрагмент является выходом из Babel.js. Разве это не могло быть ниже?

"use strict"; 
 

 
setTimeout(function() { 
 
    return this; 
 
}.bind(Window), 100);

Если я пишу ES6, я ожидал бы Window, а не undefined
Является ли это ошибка?
ИЛИ, я ничего не понял?

Answer 1

tl; dr: Babel предполагает, что каждый файл является модулем. Модули строгие по умолчанию и их значение this составляет undefined.

---

Это рассматривается в Babel FAQ:

Бабель предполагает, что все входные коды модуль ES2015. Модули ES2015 неявно строгие, поэтому это означает, что верхний уровень this не является window в браузере и не является exports в узле.

Если вы не хотите этого, то у вас есть возможность отключить строгий трансформатор:

$ babel --blacklist strict script.js 

require("babel").transform("code", { blacklist: ["strict"] }); 

ОБРАТИТЕ ВНИМАНИЕ: Если вы сделаете это, вы охотно отклоняясь от спецификации, и это может привести к будущему проблемы взаимодействия.

См. strict transformer docs для получения дополнительной информации.

Answer 2

Вы в принципе правы, как описано на странице MDN. Однако Бабель всегда помещает 'use strict' в корневую область. В результате компиляции следующее:

'use strict'; 
var f =() => { 'use strict'; return this}; 

В таком случае строгие правила делать применяются. См. Скомпилированный пример here. Вавилон даже оптимизирует верхний уровень this, так как он гарантированно будет undefined.