Cu ce moduri se poate modifica contextul unui obiect…

Există mai multe moduri principale de a modifica contextul (this) unui obiect în JavaScript:

call(): Execută o funcție cu un anumit context și argumente, transmise separat.

// Exemplu cu call()
const obj = { value: 42 };
function showValue() {
    console.log(this.value);
}
showValue.call(obj); // Va afișa 42

apply(): Execută o funcție cu un anumit context și argumente transmise sub formă de array sau pseudo-array.

// Exemplu cu apply()
const obj = { value: 100 };
function add(a, b) {
    console.log(this.value + a + b);
}
add.apply(obj, [5, 10]); // Va afișa 115

bind(): Returnează o nouă funcție cu contextul fixat pe un obiect specificat. Funcția originală nu este executată imediat.

// Exemplu cu bind()
const obj = { value: 200 };
function greet() {
    console.log("Salut din " + this.value);
}
const boundGreet = greet.bind(obj);
boundGreet(); // Va afișa "Salut din 200"

Funcții săgeată (=>): Nu au propriul context this. Moștenesc contextul din mediul lexical în care au fost definite.

// Exemplu cu funcție săgeată
const obj = {
  value: "obiect",
  printValue: function() {
    const arrowFunc = () => {
      console.log("Din funcție săgeată: " + this.value); // this se referă la obj
    }
    arrowFunc();
  }
};
obj.printValue(); // Va afișa "Din funcție săgeată: obiect"

Apel ca metodă a obiectului: Când o funcție este apelată ca metodă a unui obiect (obj.method()), contextul this se referă la obiectul însuși (obj).

// Exemplu de apel ca metodă
const obj = {
    value: "metodă a obiectului",
    show: function() {
        console.log(this.value);
    }
};
obj.show(); // Va afișa "metodă a obiectului"

Transmiterea explicită a contextului prin constructor (new): Când se folosește operatorul new pentru a crea o nouă instanță de obiect, contextul this din constructor face referire la instanța creată.

// Exemplu cu constructor
function MyObject(value) {
    this.value = value; // this face referire la noua instanță
}
const instance = new MyObject("constructor");
console.log(instance.value); // Va afișa "constructor"

Aceste metode permit gestionarea referinței this în interiorul funcției, ceea ce este esențial pentru lucrul corect cu obiecte și metode în JavaScript.

Cu ce moduri se poate modifica contextul unui obiect în JavaScript?