Jakými způsoby lze změnit kontext objektu v…

Existuje několik hlavních způsobů, jak změnit kontext (this) objektu v JavaScriptu:

call(): Spouští funkci s daným kontextem a argumenty předanými jednotlivě.

// Příklad s call()
const obj = { hodnota: 42 };
function zobrazHodnotu() {
    console.log(this.hodnota);
}
zobrazHodnotu.call(obj); // Vypíše 42

apply(): Spouští funkci s daným kontextem a argumenty předanými jako pole nebo pseudo-pole.

// Příklad s apply()
const obj = { hodnota: 100 };
function secti(a, b) {
    console.log(this.hodnota + a + b);
}
secti.apply(obj, [5, 10]); // Vypíše 115

bind(): Vrací novou funkci, jejíž kontext je pevně stanoven na zadaný objekt. Původní funkce není volána okamžitě.

// Příklad s bind()
const obj = { hodnota: 200 };
function pozdrav() {
    console.log("Ahoj z " + this.hodnota);
}
const boundPozdrav = pozdrav.bind(obj);
boundPozdrav(); // Vypíše "Ahoj z 200"

Šipkové funkce (=>): Nemají vlastní kontext this. Dědí kontext z lexikálního prostředí, ve kterém byly definovány (tj. z rodičovského rozsahu).

// Příklad se šipkovou funkcí
const obj = {
  hodnota: "objekt",
  vypisHodnotu: function() {
    const sipFunkce = () => {
      console.log("Ze šipkové funkce: " + this.hodnota); // this odkazuje na obj
    }
    sipFunkce();
  }
};
obj.vypisHodnotu(); // Vypíše "Ze šipkové funkce: objekt"

Přímé volání jako metoda objektu: Když je funkce volána jako metoda objektu (obj.metoda()), kontext this se stává samotný objekt (obj).

// Příklad volání jako metoda
const obj = {
    hodnota: "metoda objektu",
    zobraz: function() {
        console.log(this.hodnota);
    }
};
obj.zobraz(); // Vypíše "metoda objektu"

Explicitní předání kontextu přes konstruktor (new): Při použití operátoru new k vytvoření nového instance objektu se kontext this uvnitř konstruktoru odkazuje na vytvářený instance.

// Příklad s konstruktorovou funkcí
function MyObject(hodnota) {
    this.hodnota = hodnota; // this odkazuje na nový instance
}
const instance = new MyObject("konstruktor");
console.log(instance.hodnota); // Vypíše "konstruktor"

Tyto způsoby umožňují řídit, na co odkazuje klíčové slovo this uvnitř funkce, což je klíčové pro správnou práci s objekty a metodami v JavaScriptu.

Jakými způsoby lze změnit kontext objektu v JavaScriptu?