Event Handling und Event Delegation

[Gunnar Bittersmann]

@@Orlok

Wenn du eine anonyme Funktion als Callback-Argument übergibst, wird in Ermangelung eines Bezeichners zur Differenzierung vermutlich der Function-Body verglichen und…

console.log(1) !== console.log(2)

Sieht nicht so aus, denn

myElement.addEventListener('click', function () { console.log(1); });
myElement.addEventListener('click', function () { console.log(1); });

// Ausgabe:
// 1
// 1

Es sind immer noch unterschiedliche Funktionsobjekte^[1].

Aber ich verstehe, worauf du hinauswillst:

function log1() { console.log(1); }

myElement.addEventListener('click', log1);
myElement.addEventListener('click', log1);

// Ausgabe:
// 1

LLAP 🖖

---

1. Ist das sprachlich korrekt? ↩︎