Arrow функции как метод объекта - это не определено Окно

Question

У меня есть проблема, чтобы понять в функции стрелки.

Я прочитал много ответов, например: Methods in ES6 objects: using arrow functions и УВК в этом описании Link github и все говорят, что этот должен связываться с окна, но когда я проверить эти примеры я вижу неопределен, если любой из вас, знаю, почему ?

var foo = { 
    bar:() => console.log(this) // lexical this is window or something else 
} 
foo.bar() 

Я использую столпотворение, чтобы transpile код:

var foo = { 
     bar: function bar() { 
      return console.log(undefined); 
     } 
} 

Бабель версии являются:

• "столпотворение-ядро": "^ 6.21.0",
• " «Babel-loader»: «^ 6.2.10»,
• «babel-preset-es2015»: «^ 6.18.0»,
• «babel-preset-stage-2»: «^ 6.18.0»,

но лексический это не только окно не определено, почему?

Answer 1

Похоже, вы используете webpack с модулями в стиле ES. Код внутри модулей не имеет скрытого доступа к глобальной области. То есть внутри модуля не привязан ни к чему. Webpack, по-видимому, заменяет глобальные ссылки на undefined, так что любой глобальный контекст не протекает, даже если он определен средой.

Если вы попытаетесь выполнить console.log("this: " + (() => this)()) в консоли браузера, вы увидите, что this, действительно, window.

Answer 2

Хорошо, окно не является частью стандарта javascript. И поскольку babel не знает контекста, в котором работает ваш скрипт, он просто будет использовать undefined.

В nodejs, например, глобальная область видимости будет global.
Хотя window обычно является глобальной областью при выполнении кода в браузере.