Что означает стрелочная функция обернутая в круглые скобки? var x = ( () => this )?

Question

[Yaolegol]

Всем привет, подскажите что означает следующая запись:
var x = ( () => this );
увиденная мной при просмотре документации MDN к "this", раздел "Arrow functions"?
Вот сам пример оттуда:

// Create obj with a method bar that returns a function that
// returns its this. The returned function is created as 
// an arrow function, so its this is permanently bound to the
// this of its enclosing function. The value of bar can be set
// in the call, which in turn sets the value of the 
// returned function.
var obj = {
  bar: function() {
    var x = (() => this);
    return x;
  }
};

// Call bar as a method of obj, setting its this to obj
// Assign a reference to the returned function to fn
var fn = obj.bar();

// Call fn without setting this, would normally default
// to the global object or undefined in strict mode
console.log(fn() === obj); // true

// But caution if you reference the method of obj without calling it
var fn2 = obj.bar;
// Calling the arrow function's this from inside the bar method()
// will now return window, because it follows the this from fn2.
console.log(fn2()() == window); // true

По возможности дайте ссылку где можно про это прочитать. Заранее спасибо!

Answer 1

[Сергей delphinpro]

ничего не значит.
что со скобками, что без них, без разницы.
Смысл в том, что в переменную x записывается ссылка на функцию
А сама суть примера в том, что стрелочная функция не создает новый контекст, и this будет указывать на ту область, в которой была определена функция.

Comments

[Yaolegol]

Спасибо за ответ, интересно, что здесь Что значит оборачивание функции в скобки (function() { ... })? тоже говориться, что такие скобки означают ссылку (в моем случае на функцию), просто не нашел где про это почитать/посмотреть можно

[Сергей delphinpro]

Yaolegol, Круглые скобки - это выражение. Синтаксический прием, чтобы обособить выражение для компилятора в неоднозначных ситуациях.

В приведенном вами примере (в вопросе) скобки роли не играют, кроме как визуально для программиста. Компилятору пофигу на их наличие, потому что там однозначно функция.
Я не могу сказать, почему их все-таки поставили. Может быть как раз в обучающих целях, чтобы показать, что пишется в переменную.

Answer 2

[Ihor Bratukh]

Это просто скобки выражения, в этих строках нет разницы

(((((3 + 2)))))
3 + 2

Но есть частые случаи, когда они нужны. Это только то, что сходу вспомнил, случаев на самом деле больше:

(function () {
	// ...
})();

(3).toString();

// a() - return object
const a = () => ({})

// a() - return undefined
const a = () => {}

Comments

[Lynn «Кофеман»]

В двух последних примерах
1. а - функция которая возвращает пустой объект
2. а - функция которая возвращает undefined

[Ihor Bratukh]

Алексей Тен, да, немного не так выразился но именно это имел ввиду

[Ihor Bratukh]

Кстати, интересный момент с объектом и массивом.

// ERROR: Uncaught SyntaxError: Unexpected token .
{}.toString()

// Все ок
({}).toString()

// Все ок
[].toString()

[Lynn «Кофеман»]

Ihor Bratukh, причина так же, что и в последнем примере про стрелочную функцию. Просто так стоящие фигурные скобки это не объект, а пустой блок кода

Answer 3

[Игорь]

Ну, во-первых, разница как раз большая.

1. Стрелочные функции всегда анонимные
2. Они не имеют собственного контекста
3. Стрелочные функции не могут быть использованы как конструктор
4. Ключевое слово yield не может быть использовано в теле стрелочной функции
5. Стрелочная функция не может содержать разрывы строк между параметрами и стрелкой.
...

Используя стрелочные функции, запись становится короче, но некоторые операции вы обязаны выполнять в классическом слитье, все из-за того же контекста

Answer 4

[Yaolegol]

Итак, правильный ответ (спасибо Сергей delphinpro Сергей delphinpro):

var x = ( () => this );
и
var x = () => this;

означает одно и тоже.

Кто сомневается - забиваем в codepen:

1. var x = ( () => 5 ); //или var x = ( () => this );
console.log(x);
2. var x = () => 10; //или var x = () => this;
console.log(x);

Получаем:
1. () => 5 //или () => this
2. () => 10 //или () => this
Ссылка на codepen: https://codepen.io/Yaolegol/pen/ExYXOMb

Сами скобки в данном случае означают ссылку на стрелочную функцию. Подробнее тут
Что значит оборачивание функции в скобки (function() { ... })?

Всем спасибо за участие!