Являются ли стрелочные функции аналогом bind функций?

Question

[Губернатор]

Решил разобраться с функциями в JS, так как всегда путался с темой стрелочных функций.
Выяснил что функция созданная с помощью bind навсегда подвязывается к this и изменить его невозможно.
Попытался забиндить this к стрелочной функции, и тоже самое, this у нее не меняется.

Получается что создание стрелочной функции аналогично созданию bind функции к которой подвязывает this в момент создания функции (а не в момент вызова)?
Т.е. стрелочные функции - некий синтаксический сахар для создания .bind(this) функции?

Вот пример:

function fn() {
    "use strict";
    console.log(this);
    return ()=>{
        "use strict";
        console.log(this);
    }
}

Если вызвать так:

testOb = {name: "test"};
arrowFn = fn.call(testOb);
// А затем
arrowFn();

Получится так, что arrowFn всегда впитывает this из функции fn. И запись аналогична следующей:

function fn2() {
    "use strict";
    console.log(this);
    const newFn = function() {
        "use strict";
        console.log(this);
    };
    return newFn.bind(this);
}

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

Я прав, или в чем-то ошибаюсь?

Comments

[Сергей delphinpro]

Попытался забиндить this к стрелочной функции, и тоже самое, this у нее не меняется.

У нее просто напросто нет this.
В любом учебнике по javascript на первых страницах написано.

Answer 1

[iBird Rose]

первая ссылка в гугле: https://learn.javascript.ru/arrow-functions

Comments

[Губернатор]

Считаю что выражение "У функции нет this" - не верное, т.к. если его нет, должно быть undefined или синтаксическая ошибка. Но интерпретатор допускает обращение к this (которого нет!), и (зачем то) ссылает на родителя. Так что такой this нельзя назвать отсутствующим, скорей это "сквозной" this.

В обычных function в строгом режиме так и работает.
Если this нет, то его нет, и при обращении он покажет undefined.

[Игорь]

Считать вы можете как угодно, но работает именно так :)
1. У стрелочных функций нет своего контекста;
2. Почитайте про замыкания.

Answer 2

[Roman]

Все в контексте. Привязывая функцию к объекту, this будет объект. У стрелочной функции this всегда будет parent - родитель, если он есть.
Это очень удобно.

const obj = {
   count: 0,
   start() {
      this.intId = setInterval(() => {
     	   if (this.count < 5) {
            this.count++;
            console.log('count', this.count);
     	   } else {
     	   	clearInterval(this.intId);
     	   }
      }, 1000);
   }
};
obj.start();