Milyen módon lehet megváltoztatni egy objektum…

A JavaScript-ben több fő módszer létezik az objektum this kontextusának megváltoztatására:

call(): Egy függvényt egy adott kontextussal és argumentumokkal hajt végre, amelyeket külön adunk át.

// Példa a call() használatára
const obj = { value: 42 };
function showValue() {
    console.log(this.value);
}
showValue.call(obj); // Kiírja 42-t

apply(): Egy függvényt egy adott kontextussal és argumentumokat tartalmazó tömb vagy pseudo-tömb segítségével hajt végre.

// Példa az apply() használatára
const obj = { value: 100 };
function add(a, b) {
    console.log(this.value + a + b);
}
add.apply(obj, [5, 10]); // Kiírja 115-öt

bind(): Egy új függvényt ad vissza, amelynek a kontextusa egy megadott objektumra van rögzítve. Az eredeti függvény nem kerül azonnali végrehajtásra.

// Példa a bind() használatára
const obj = { value: 200 };
function greet() {
    console.log("Üdvözlet a(z) " + this.value);
}
const boundGreet = greet.bind(obj);
boundGreet(); // Kiírja "Üdvözlet a(z) 200"

Nyílfüggvények (=>): Saját this kontextusuk nincs. A lexikális környezetből öröklik a kontextust, ahol definiálták őket.

// Példa nyílfüggvénnyel
const obj = {
  value: "objektum",
  printValue: function() {
    const arrowFunc = () => {
      console.log("Nyílfüggvényből: " + this.value); // this az obj-re utal
    }
    arrowFunc();
  }
};
obj.printValue(); // Kiírja "Nyílfüggvényből: objektum"

Metódusként való hívás: Amikor egy függvényt metódusként hívunk meg (obj.method()), a this kontextus az objektumra (obj) lesz beállítva.

// Metódusként való hívás példája
const obj = {
    value: "objektum metódus",
    show: function() {
        console.log(this.value);
    }
};
obj.show(); // Kiírja "objektum metódus"

Kifejezett kontextusátadás konstruktorral (new): Amikor a new operátort használjuk egy új példány létrehozására, a konstruktoron belüli this a létrehozott példányra utal.

// Konstruktor példája
function MyObject(value) {
    this.value = value; // this az új példányra utal
}
const instance = new MyObject("konstruktor");
console.log(instance.value); // Kiírja "konstruktor"

Ezek a módszerek lehetővé teszik, hogy kezeljük, hogy a this kulcsszó mire utal egy függvényen belül, ami kritikus a helyes működéshez objektumokkal és metódusokkal JavaScript-ben.

Milyen módon lehet megváltoztatni egy objektum kontextusát JavaScriptben?