Контекст выполнения (Execution Context) относится к окружению, в котором выполняется текущий код. Он содержит информацию о том, где и как выполняется код, включая значения переменных и `this`. Однако, когда говорят о нем в более узком смысле, чаще всего имеют в виду контекст `this`.

`this`

Ключевое слово ссылается на объект, в контексте которого выполняется текущий код. Значение его зависит от того, как вызывается функция:

1. В глобальном контексте выполнения (вне любых функций), он ссылается на глобальный объект. В браузере глобальным объектом является `window`.

2. Внутри функции, вызванной как обычная функция (например, `myFunction()`), он ссылается на глобальный объект в нестрогом режиме и на `undefined` в строгом режиме (`'use strict';`).

3. В методе объекта Он ссылается на объект, к которому принадлежит метод.

4. В конструкторе (функции, вызванной с ключевым словом `new`), он ссылается на вновь созданный объект.

5. Через методы `call`, `apply` и `bind` можно явно задать данное значение для вызова функции.

Примеры:

function show() {
  console.log(this);
}

const obj = {
  show: function() {
    console.log(this);
  }
};

show(); // В глобальном контексте, this будет глобальным объектом или undefined в строгом режиме
obj.show(); // В контексте объекта, this будет ссылаться на obj

function Person(name) {
  this.name = name;
}

const person = new Person('Alice'); // Здесь this внутри Person будет ссылаться на новый объект person

const externalShow = show.bind(obj);
externalShow(); // this будет ссылаться на obj благодаря bind

Зачем нужен контекст `this`

Позволяет функциям иметь доступ к текущему объекту и взаимодействовать с его свойствами и методами, делая код более гибким и повторно используемым. Например, одна и та же функция может работать с данными разных объектов, в зависимости от того, в контексте какого объекта она была вызвана.

Понимание работы контекста `this` является ключевым для глубокого понимания языка и эффективной разработки, особенно при работе с объектно-ориентированным кодом и функциями обратного вызова.

Feb. 26, 2024, easyoffer