Значение this для callback-функций

@ZzzCorp · Регистрация: 17.03.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте, дорогие друзья.

Такой вопрос, не могу точно разобраться какое значение this у callback-функций.
https://getinstance.info/artic... avascript/
В этой статье почитал, что если функция обратного вызова передается в глобальную функцию, то ее this имеет значение window. В противном случае - this содержащей функции. Дается вполне разъясняющий пример, показывающий как в this callback'a, переданного в глобальную функцию, передается window. Но вот примера показывающего как this callback'a получает значение this содержащей функции нет (имеются ввиду ситуации без использования методов привязки контекста, типа call(), apply()). Я решил сам поэксперементировать. Объявлял содержащую функцию методом объекта, объявлял ее в другой глобальной функции, но результат this всегда window. Вот и задумался, может автор статьи вводит в заблуждение, говоря, что this функции обратного вызова может при определенных условиях иметь this содержащей функции и он всегда ссылается на window и другой контекст можно установить только с помощью методов установки контекста?
Больше какой либо информации по этому поводу в интернете не нашел.
Пожалуйста, разъясните, этот вопрос. Буду очень рад развернутому и подробному пояснению как это работает. Или, пожалуйста, дайте ссылку на ресурс с нужной информацией.

@amr-now · 10.08.2019, 12:06

Здравствуйте.

Сообщение от ZzzCorp

Пожалуйста, разъясните, этот вопрос.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var userData = {
    id: 094545,
    fullName: 'Unknown',
 
    setUserName: function(firstName, lastName)  {
        this.fullName = firstName + ' ' + lastName;
    }
}
 
function getUserInput(firstName, lastName, callback)  {
    callback(firstName, lastName);
}
// Вызовем функцию getUserInput, передав ей в качестве функции обратного вызова метод setUserName объекта 
// userData: 
getUserInput('John', 'Snow', userData.setUserName);

Данным примером автор статьи показал, что так использовать метод экземпляра нельзя.

Объяснение.
В аргумент callback мы на самом деле передали тупо значение свойства userData.setUserName
А это значение имеет свой тип Function. Сам экземпляр userData мы НЕ ПЕРЕДАЛИ!
И поэтому родной this от экземпляра, на который ссылается переменная userData, мы по дороге потеряли. О чём и намекает автор статьи.

Соответственно, Function мы вызвали не в родном контексте, а в контексте родителя функции getUserInput.
То есть мы наблюдаем именно поломанное поведение бывшего метода-зомби.

--------
Кстати, контекста window может и не быть. Например, в новых модулях ES2015.

Важно помнить правильный this:
- у правильно вызванного метода через точку после своего экземпляра this будет ссылаться на свой объект.
- у обработчика события в синтаксисе function() {} , а не стрелочном, this будет ссылаться на HTML-объект, к которому привязали обработчик события.

У стрелочных функций всё печальнее. У них this поломан и ссылается на внешний this в лексическом окружении. Поведение может быть неожиданным...

Новые блоги и статьи Все статьи Все блоги /
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

@ZzzCorp 0 / 0 / 0 Регистрация: 17.03.2015 Сообщений: 48

	Значение this для callback-функций 10.08.2019, 07:04. Показов 1214. Ответов 1 Метки callback, контекст, функции (Все метки) Здравствуйте, дорогие друзья. Такой вопрос, не могу точно разобраться какое значение this у callback-функций. https://getinstance.info/artic... avascript/ В этой статье почитал, что если функция обратного вызова передается в глобальную функцию, то ее this имеет значение window. В противном случае - this содержащей функции. Дается вполне разъясняющий пример, показывающий как в this callback'a, переданного в глобальную функцию, передается window. Но вот примера показывающего как this callback'a получает значение this содержащей функции нет (имеются ввиду ситуации без использования методов привязки контекста, типа call(), apply()). Я решил сам поэксперементировать. Объявлял содержащую функцию методом объекта, объявлял ее в другой глобальной функции, но результат this всегда window. Вот и задумался, может автор статьи вводит в заблуждение, говоря, что this функции обратного вызова может при определенных условиях иметь this содержащей функции и он всегда ссылается на window и другой контекст можно установить только с помощью методов установки контекста? Больше какой либо информации по этому поводу в интернете не нашел. Пожалуйста, разъясните, этот вопрос. Буду очень рад развернутому и подробному пояснению как это работает. Или, пожалуйста, дайте ссылку на ресурс с нужной информацией. 0