Не работает this в стрелочной функции [дубликат]
67
26 февраля 2022, 14:00
На этот вопрос уже даны ответы здесь:
this в стрелочной функции при работе с DOM
(2 ответа)
Закрыт 2 года назад.
class Catalog {
constructor(selector) {
this.items = document.querySelectorAll(selector);
}
getBorder(event, callback) {
this.items[0].addEventListener(event, callback);
}
}
let catalog = new Catalog('.catalog__item');
catalog.getBorder('click', () => {this.style.border = "3px solid red"});Почему при использовании стрелочной функции консоль выдаёт ошибку, а при синтаксисе function declaration всё отрабатывает как надо без ошибок?
Answer 1
Потому что в стрелочной функции this - это контекст в том месте, где она определена. А в обычной, this зависит от того, как функция вызвана.
Answer 2
у стрелочной функции this берется родительский там где она создана, так как не имеет своего.
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47563 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30496 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23632 visits
- Как через css изменить цвет png изображения? 10350 visits
- Blob video url download 9958 visits
- Php curl запрос через прокси с авторизацией 9210 visits
- Работа с captcha vk api 8094 visits
© "hostciti.net" 25.11.2024 | 16:41