Особенности стрелочных функций (this, arguments) и как изменить контекст?

Question

Стрелочные функции не создают собственного контекста this и используют значение this из внешней функции. Они также не имеют объекта arguments, что делает их менее гибкими в некоторых ситуациях. Контекст стрелочной функции изменить нельзя, так как он жёстко привязан к внешней области видимости.

YeaHub · Accepted Answer

Стрелочные функции в JavaScript имеют несколько особенностей по сравнению с обычными функциями:this в стрелочных функциях: Стрелочные функции не имеют своего собственного значения this. Вместо этого они используют значение this из окружающего контекста:const obj = {
	name: 'Alice',    
	greet: () => {     
		console.log(this.name); // В стрелочной функции `this` берётся из внешнего контекста — глобального объекта    
	} 
}; 
obj.greet(); // Выведет undefined, так как `this` указывает на глобальный объектЭто делает стрелочные функции полезными в случаях, когда важно сохранить контекст из внешней функции, например, при использовании методов внутри обработчиков событий.arguments: Стрелочные функции не имеют объекта arguments, который содержит все переданные в функцию аргументы. Если нужен доступ к аргументам, можно использовать параметр ...args (rest operator):const sum = (...args) => args.reduce((acc, val) => acc + val, 0); 
console.log(sum(1, 2, 3)); // 6Невозможность изменить контекст: В отличие от обычных функций, стрелочные функции игнорируют методы call, apply и bind — изменить их контекст невозможно. Это делает их более предсказуемыми в контексте, но менее гибкими.Стрелочные функции полезны для написания коротких, простых функций, которые не зависят от изменения контекста. Однако если нужно контролировать контекст или работать с arguments, лучше использовать обычные функции.