ГЩ
какая ошибка?
Size: a a a
2020 September 11
M
какая ошибка?
Ошибки нет, в консоль выдает underfined при срабатывании события. Так как будто я пытаюсь вывести в консоль еще не определенную переменную
M
Пойду почитаю еще про контекст this
ГЩ
Maksim
Ошибки нет, в консоль выдает underfined при срабатывании события. Так как будто я пытаюсь вывести в консоль еще не определенную переменную
потому что this указывает на элемент dom, а не на класс
ГЩ
соответственно у элемента нет свойства _deleteIcon
ГЩ
Maksim
Пойду почитаю еще про контекст this
про this целую книгу уже написали. на самом деле всё просто. главное усвоить, что this определяется в момент вызова. и будет указывать на объект, который будет "перед точкой"
ГЩ
проблема в addEventListener
ГЩ
this._deleteIcon.addEventListener('click', this._deleteCardHandler.bind(this))ГЩ
потому что this указывает на элемент dom, а не на класс
в момент клика указывает
ГЩ
по этому нужно явно задать контекст
M
Спасибо, пойду читать про bind
ГЩ
Maksim
Спасибо, пойду читать про bind
про this
ГЩ
это одна из неочевидных, но на самом деле простых вещей (когда дойдёт)
ГЩ
Maksim
Спасибо, пойду читать про bind
смари.
у тебя есть объект.
у тебя есть объект.
const obj = {
foo: 'bar',
baz: () => console.log(this.foo)
}ГЩ
у него метод baz, который вызывает анонимную функцию
ГЩ
и ты ожидаешь, что в анонимной функции this будет указывать на этот объект. но нет.
ГЩ
смысл в том, что по факту функция которую вызывает baz вообще никак не связана с объектом. представь, что она лежит где то в другом месте и ничего про этот объект не знает в принципе.
ГЩ
ссылка на объект появляется только в момент вызова
obj.baz()v
и ты ожидаешь, что в анонимной функции this будет указывать на этот объект. но нет.
Немного не тот пример. В случае со стрелками не работают правила this применимые к функциям. В данном случае this в стрелке указывает на окружение, в котором она иницализирована, то есть виндоу obj.baz = () = > для интерпретатора.
ГЩ
va1
Немного не тот пример. В случае со стрелками не работают правила this применимые к функциям. В данном случае this в стрелке указывает на окружение, в котором она иницализирована, то есть виндоу obj.baz = () = > для интерпретатора.
во, про стрелку отличное замечание.