Почему в одном объекте значение this у разных методов отличается?

Question

[AndreyKolmagorov]

let obj = {
	a: () => {
		console.log(this);
	},
	b() {
		console.log(this);
	}
};

obj.a();  // window
obj.b();  // obj

Недавно изучаю JS и столкнулся с таким непониманием.
Почему при вызове метода a(), this ссылается на объект window, а при вызове - b(), на объект obj?

Answer 1

[Антон Спирин]

a - стрелочная функция, использует значение this окружающего контекста
b - метод объекта, значением this является объект перед «точкой», в контексте которого вызван метод.

Answer 2

[Александр]

Функции
Стрелочные функции не имеют своих this и arguments, при обращении получают их из окружающего контекста.

Comments

[AndreyKolmagorov]

А разве при обращении к стрелочной функции, ее контекстом не является сам объект obj? Ведь этот метод принадлежит ему. Я именно данный момент не могу понять.

[Антон Спирин]

AndreyKolmagorov, вы же сами видите, что контекстом является не объект.
Вот что происходит при инициализации:

const obj = {
	a: () => {
		console.log(this);
	}
};

1. Происходит инициализация анонимной стрелочной функции с привязкой к окружающему контексту(window).
2. Происходит присвоение функции к свойству объекта a. a ссылается на функцию, но контекст она получила при инициализации и при вызовах использует его.