Не работает this в стрелочной функции [дубликат]
106
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 берется родительский там где она создана, так как не имеет своего.
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49897 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31897 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25859 visits
- Как через css изменить цвет png изображения? 11717 visits
- Blob video url download 11265 visits
- Php curl запрос через прокси с авторизацией 10649 visits
- Работа с captcha vk api 9463 visits
© "hostciti.net" 11.12.2025 | 05:29