Hoe verschillen pijlfuncties van gewone functies wat…

Pijlfuncties hebben geen eigen this-context. Ze vangen this uit de omringende omgeving (lexicale omgeving).

Normale functies bepalen hun this afhankelijk van hoe ze worden aangeroepen:

In de globale context (window of global).
Als methode van een object (this wijst naar het object).
Als constructor (this wijst naar de nieuwe instantie).
Door gebruik te maken van call, apply of bind (this wordt expliciet ingesteld).

Omdat pijlfuncties geen eigen this hebben, heeft het gebruik van bind op een pijlfunctie geen zin en verandert het niet het lexicaal gekoppelde this. Als je probeert bind te gebruiken op een pijlfunctie, wordt deze gewoon teruggegeven.

Voorbeeld:

// Normale functie
const normalFunc = function() {
  console.log(this.name);
};

const obj1 = { name: 'Object 1', method: normalFunc };
const obj2 = { name: 'Object 2' };

obj1.method(); // Output: Object 1

const boundFunc = normalFunc.bind(obj2);
boundFunc(); // Output: Object 2 (this is successfully changed)

// Pijlfunctie
const arrowFunc = () => {
  console.log(this.name);
};

const obj3 = { name: 'Object 3' };

// ArrowFunc vangt `this` uit de omringende context (hier, globale object)
arrowFunc(); // Output: undefined (waarschijnlijk, omdat `this` geen `name` bevat)

const boundArrowFunc = arrowFunc.bind(obj3);
boundArrowFunc(); // Output: undefined (`this` is niet veranderd, bind had geen effect)

// Voorbeeld met het vangen van `this`
const person = {
  name: 'Alice',
  greet: function() {
    // Hier wijst `this` naar `person`
    const greetLater = () => {
      // Hier wordt `this` vastgelegd uit de externe context van `greet`, dus ook `person`
      console.log(`Hallo, ${this.name}!`);
    };
    greetLater();
  }
};

person.greet(); // Output: Hallo, Alice!

Kortom, de bind-methode is nodig voor normale functies om expliciet hun this-context in te stellen, terwijl het voor pijlfuncties overbodig is omdat hun this lexicaal wordt bepaald en niet kan worden gewijzigd met bind.

Hoe verschillen pijlfuncties van gewone functies wat betreft de noodzaak om de bind-methode te gebruiken?