Вопрос: Почему у стрелочных функций this
не зависит от контекста вызова?
const x = {
y: () => console.log(this),
z: function() {
console.log(this)
}
}
При вызове x.y()
вернет window
, а не x
, почему так устроено?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуВопрос: Почему у стрелочных функций this
не зависит от контекста вызова?
const x = {
y: () => console.log(this),
z: function() {
console.log(this)
}
}
При вызове x.y()
вернет window
, а не x
, почему так устроено?
Выражения стрелочных функций имеют более короткий синтаксис по сравнению с функциональными выражениями и лексически привязаны к значению this
(но не привязаны к собственному this
, arguments
, super
, или new.target
). Стрелочные функции всегда анонимные[источник].
Простым языком — стрелочные функции не имеют собственного this
.
UPD Хорошая статья.
UPD2 Стрелочная функция — обёртка. Реализация стрелочной функции(Запустите в консоле БРОУЗЕРА!):
const data = 1;
function strelka() {
console.log(this);
}
strelka.call(data);
// Аналогично
strelka.apply(data);
Аналогично:
const data = 1;
(function() {
console.log(this);
}).call(data);
(function () {
console.log(this);
}).apply(data);
Для тех кому интересно, стрелочная функция - это анонимная функция обертка(АФО) и при простом вызове из любого места АФО контекст вызова this
равен window
. Но стрелочная функция дополнительно автоматически привязывает к себе текущий контекст вызова и возможно из-за этого на нее не распространяется попытка привязки контекста из вне(не работают методы bind
,call
,apply
). Это мое мысли, примерная реализация стрелочной функции ниже. Поправьте если что.
let obj = {
getThisOne: function () {
return () => this;
},
getThisTwo: function () {
return (function() {
return this;
}).bind(this);
},
}
@doox911 подтолкнул на ответ, но не ответил в полной мере. Спасибо за помощь, я помечу Ваш ответ как "Полезный".