что такое контекст js

Контекст в JavaScript может быть не совсем очевидным понятием на старте изучения, но пример поможет лучше понять его суть.

Рассмотрим пример:

const car = {
  brand: 'BMW',
  model: 'X5',
  startEngine: function () {
    console.log(`Запускаем двигатель ${this.brand} ${this.model}`);
  },
};

car.startEngine(); // Запускаем двигатель BMW X5

В данном примере car - это объект, у которого есть свойства brand и model, а также метод startEngine, который выводит в консоль сообщение о запуске двигателя. Обратите внимание на использование ключевого слова this в методе startEngine.

Когда мы вызываем метод startEngine на объекте car, контекст выполнения метода будет указывать на объект car. Это означает, что мы можем использовать ключевое слово this внутри метода, чтобы обращаться к свойствам объекта car.

Если мы попытаемся вызвать метод startEngine в контексте другого объекта, например truck, то мы получим другой результат:

const truck = {
  brand: 'Volvo',
  model: 'FH16',
};

car.startEngine.call(truck); // Запускаем двигатель Volvo FH16

Здесь мы использовали метод call для изменения контекста выполнения метода startEngine. Метод call позволяет вызвать функцию с указанным контекстом, который в данном случае указывается как объект truck. Теперь, когда мы вызываем startEngine в контексте объекта truck, значения свойств brand и model будут заменены на значения объекта truck, и мы получим другой результат.

Это простой пример, который демонстрирует, как работает контекст в JavaScript. Контекст позволяет функциям и методам иметь доступ к свойствам объектов и другим переменным в текущем исполнении кода. Изменение контекста выполнения функции с помощью методов call, apply и bind может быть полезным в различных сценариях программирования, когда нужно использовать функцию в контексте другого объекта.