Javascript addEventListener-Funktion

Ich bin neu auf Event-Handler und ich haben einen code, der unten geschrieben

document.addEventListener("DOMContentLoaded", function() {
    initialiseMediaPlayer();
}, false);

Gibt es einen Unterschied im schreiben den gleichen code wie

document.addEventListener("DOMContentLoaded", initialiseMediaPlayer();, false);

Letztendlich sind wir dem Aufruf der gleichen Funktion, so macht es einen Unterschied, oder gibt es irgendeinen Vorteil schriftlich in der Weise vor?

Letzteres nicht tun, was Sie denken
Letzteres ist ein syntax Fehler
Sie übergeben der Rückgabewert von initialiseMediaPlayer an den Ereignis-listener. Entfernen Sie den Aufruf () und Sie werden die gleichen sein
bis auf den Rückgabewert

InformationsquelleAutor Bazinga777 | 2013-03-06

46
```
document.addEventListener("DOMContentLoaded", function() {
    initialiseMediaPlayer();
}, false);
```
Ausgeführt wird initialiseMediaPlayer wenn das dom-Inhalt geladen wird.
```
document.addEventListener("DOMContentLoaded", initialiseMediaPlayer();, false);
```
einen syntax-Fehler; wenn Sie entfernen Sie das Semikolon:
```
document.addEventListener("DOMContentLoaded", initialiseMediaPlayer(), false);
```
Anrufe initialiseMediaPlayer sofort, geht dann der Rückgabewert (die wahrscheinlich nicht eine Funktion)addEventListener. Dies nicht handeln, wie gewünscht.

Können Sie tun
```
    document.addEventListener("DOMContentLoaded", initialiseMediaPlayer, false);
```
(entfernen Sie die Klammern = function call). Dann initialiseMediaPlayer ausgeführt werden, die auf dom-Inhalte geladen und so handeln, wie gewünscht.

Jedoch, anders als im ersten Fall initialiseMediaPlayer tatsächlich erhalten die Argumente von dem browser. Auch Ihr Rückgabewert empfangen durch den browser. Im Falle von DOMContentLoaded, wahrscheinlich sind das spielt keine große Rolle.

Sie auch vermeiden, die Schaffung einer zusätzlichen anonymen Funktion, wenn Sie pass initialiseMediaPlayer direkt. Nochmal, der Effekt ist nicht wirklich wahrnehmbar, für den Nutzer Sicht.

Was ist, wenn initialiseMediaPlayer erhält Parameter?
dieser parameter wird ein " event-Objekt, dessen bemerkenswerteste Eigenschaft ist das Dokument verweist. Ich kann Wetten, dass Sie die initialiser nicht einmal bemerken, es ist ein event-Objekt übergeben wird.
Danke, ich fand es heraus, mit .bind mein problem lösen.

InformationsquelleAutor John Dvorak
10

1). Ja, es ist der große Unterschied. Die zweite version wird ein Fehler ausgelöst. Aber, auch wenn du es reparieren wie diese:
```
document.addEventListener("DOMContentLoaded", initialiseMediaPlayer(), false);
```
initialiseMediaPlayer wird nicht aufgerufen werden, auf DOMContentLoaded weil () machen es sofort ausführen, während Sie Durchlaufen eine referece zu einem Funktion, nicht sein Ergebnis.

2). Ein weiterer signifikanter Unterschied ist die Kontext des invocation -.
```
document.addEventListener("DOMContentLoaded", initialiseMediaPlayer, false);
```
initialiseMediaPlayer aufgerufen, im Rahmen der document Objekt. Während die erste version namens in Window Objekt Kontext.

klingt ein wenig verwirrend, aber es macht die Dinge viel klarer..vielen Dank
Kontext bedeutet, dass this beziehen sich auf die verschiedenen Objekte, die sich in Ihrer Funktion.

InformationsquelleAutor dfsq
8

Das zweite argument auf die addEventListener() Funktion akzeptiert Typ Funktion. Sie können also den pass initialiseMediaPlayer(); denn das ist ein Funktions-Aufruf.

Was Sie tun können, ist:
```
var onDOMContentLoaded = function() {
    initialiseMediaPlayer();
};
document.addEventListener("DOMContentLoaded", onDOMContentLoaded, false);
```
Danke, ich dachte, es war die gleiche Sache.

InformationsquelleAutor sweetamylase
0

im ersten Fall
```
document.addEventListener("DOMContentLoaded", function() {
    initialiseMediaPlayer();
}, false);
```
der anonymen Funktion function(){initialiseMediaPlayer();} registriert werden ausgelöst, wenn das Dokument den event "DOMContentLoaded' wird ausgelöst,

im zweiten Fall:
```
document.addEventListener("DOMContentLoaded", initialiseMediaPlayer();, false);
```
was gemeldet ist, wird der Ereignis-listener wird das Ergebnis des Ausdrucks initialiseMediaPlayer()

so, ja, es gibt einen Unterschied 🙂

InformationsquelleAutor Francisco Meza

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.