По какви начини може да се промени контекстът на…

Има няколко основни начина за промяна на контекста (this) на обекта в JavaScript:

call(): Изпълнява функция с даден контекст и аргументи, предадени поотделно.

// Пример с call()
const obj = { стойност: 42 };
function покажеСтойност() {
    console.log(this.стойност);
}
показванеСтойност.call(obj); // Ще изведе 42

apply(): Изпълнява функция с даден контекст и аргументи, предадени като масив или псевдомасив.

// Пример с apply()
const obj = { стойност: 100 };
function добави(a, b) {
    console.log(this.стойност + a + b);
}
добави.apply(obj, [5, 10]); // Ще изведе 115

bind(): Връща нова функция, при която контекстът е фиксиран към даден обект. Оригиналната функция не се извиква веднага.

// Пример с bind()
const obj = { стойност: 200 };
function поздрав() {
    console.log("Здравей от " + this.стойност);
}
const закрепенПоздрав = поздрав.bind(obj);
закрепенПоздрав(); // Ще изведе "Здравей от 200"

Стрелкови функции (=>): Нямат собствен контекст this. Наследяват контекста от лексикалната среда, в която са дефинирани (т.е. от родителския обхват).

// Пример със стрелкова функция
const obj = {
  стойност: "обект",
  отпечатайСтойност: function() {
    const стрелковаФункция = () => {
      console.log("От стрелкова функция: " + this.стойност); // this се отнася за obj
    }
    стрелковаФункция();
  }
};
obj.отпечатайСтойност(); // Ще изведе "От стрелкова функция: обект"

Явно предаване на контекста чрез извикване като метод на обекта: Когато функция се извиква като метод на обекта (obj.метод()), контекстът this става самият обект (obj).

// Пример с извикване като метод
const obj = {
    стойност: "метод на обекта",
    покажи: function() {
        console.log(this.стойност);
    }
};
obj.покажи(); // Ще изведе "метод на обекта"

Явно предаване на контекста чрез конструктор (new): При използване на оператора new за създаване на нов екземпляр, контекстът this вътре в конструктора се отнася за създадения екземпляр.

// Пример с конструктор
function MyObject(стойност) {
    this.стойност = стойност; // this се отнася за новия екземпляр
}
const инстанция = new MyObject("конструктор");
console.log(инстанция.стойност); // Ще изведе "конструктор"

Тези начини позволяват да управлявате към какво се отнася ключовата дума this във функцията, което е критично за правилната работа с обекти и методи в JavaScript.

По какви начини може да се промени контекстът на обект в JavaScript?