Detaillierte Erklärung des Unterschieds zwischen diesem und einem Ereignis in js

Dieser Artikel enthält hauptsächlich einen Artikel, der auf dem Unterschied zwischen diesem und einem Ereignis in js basiert (ausführliche Erklärung). Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Heute habe ich die beiden Parameterübergabeformen von this und event im Kapitel „Einführung in JavaScript – Ereignisse“ gesehen. Da ich als Junior-Front-End-Entwickler dies normalerweise nur zum Übergeben von Parametern verwende, möchte ich unbedingt herausfinden, was der Unterschied zwischen diesem und dem Ereignis ist und welches unter welchen Umständen besser geeignet ist.

onclick = changeImg(this) vs onclick = changeImg(event)

<img src=&#39;usa.gif&#39; onclick="changeImg(event)" />
<script>
　　var myImages = [
　　　　'usa.gif'，'canada.gif','jamaica.gif','mexico.gif'
　　];
　　function changeImg(e) {
　　　　var el = e.target;
　　　　var newImgNumber = Math.round(Math.round()*3);
　　　　while(el.src.indexOf(myImages[newImgNumber]) != -1){
　　　　　　el.src =myImages[newImgNumber];
　　　　}
　　}
</script>

1.Dies ist ein Schlüsselwort in der Javascript-Sprache.

2.Dies stellt ein internes Objekt dar, das automatisch generiert wird, wenn die Funktion ausgeführt wird, und kann nur innerhalb der Funktion verwendet werden.

3. Der Unterschied zwischen diesem und event.target:

Ereignisse in js werden sprudeln, daher kann sich dies ändern, aber event.target ändert sich nicht (nur wenn das Ereignis ausgelöst wird). Durch Übergabe der Referenz des aktuellen Ereignisobjekts ist es immer das Ziel-DOM-Element, das das Ereignis direkt akzeptiert.

Darüber hinaus sind this und event.target beide DOM-Objekte, wenn Sie die Methode verwenden möchten jquey, Sie können sie konvertieren. Für Jquery-Objekte: $(this) und $(event.target);

Verwandte Empfehlungen:

Detaillierte Erklärung von Event-Bus-Nicht- Eltern-Kind-Komponentenkommunikation in Vue

Detaillierte Erläuterung der Verwendung von addEventListener in JavaScript

Detaillierte Einführung in Ereignisse

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des Unterschieds zwischen diesem und einem Ereignis in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!