Как работает this в javascript. Разберемся на примерах опираясь на официальную спецификацию. [RU]

this в JavaScript - это не контекст, никогда им не был и никогда не будет. this - это типичное JavaScript выражение, поведение которого очень схоже с поведением обычного идентификатора.

Попробуем на примерах разобраться: с каким значением связан this в тех или иных условиях, с чем связано его поведение и на что следует опираться, чтобы всегда быть уверенным в ответе вне зависимости от сложности вопроса.

Это запись одной из глав моей книжки - JavaScript в картинках, задача которой была пояснить глазами спецификации как устроен JavaScript. Тем самым развенчивая, распространенные в JavaScript среде, мифы.

Telegram канал: https://t.me/AsForJavaScript
Ссылка на презентацию: https://docs.google.com/presentation/...
Папка с примерами: https://drive.google.com/drive/folder...


Содержание
00:04:00 Вступление
00:07:29 Кому будет полезно это видео
00:08:30 О задачках про this
00:12:25 Начало
00:15:20 this и глобальное окружение
00:21:05 Script или Module?
00:30:19 Function environment
00:33:17 Arrow function
00:40:24 Внутри normal/ordinary function
00:41:52 Вызов функции при помощи call, apply, bind
00:46:41 Вызов функции при помощи new
00:51:08 Вызов функции в Dot нотации
00:55:22 Разбор примера вызова в дот нотации
00:55:22 Разбор второго примера вызова в дот нотации
00:58:34 Разбор третьего примера вызова в дот нотации
01:01:20 this и вызов внешнего API
01:10:40 Краткий итого всего что выше
01:18:20 Цитаты из книжки про тоже самое
01:22:20 Особенности non strict mode
01:25:40 Еще примеры с стрелочными функциями
01:42:50 Примеры где this связан с примитивными значениями, например строка или число
01:50:00 Пример как незнание логики работы языка, приводит к незаслуженной иронии