Was ist der Punkt des Void-Operators in JavaScript?

Question

Ich habe einige Leute gesehen, die void Operator in ihrem Code verwenden. Ich habe dies auch in href Attribute gesehen: javascript:void(0) die scheint nicht besser als javascript:;

Also, was ist die Rechtfertigung der Verwendung des void Operator?

Answer 1

Explanation of its use in links:

<snip>

Dies ist der Grund, dass Bookmarklets oft den Code in Leere wickeln() oder eine anonyme Funktion, die nicht Rückkehr alles tut, um den Browser zu stoppen aus Versuchen, das Ergebnis anzuzeigen, das Bookmarklet auszuführen. Für Beispiel:

javascript:void(window.open("dom_spy.html")) 

Wenn Sie direkt Code verwenden, etwas (ein neues Fenster Instanz in dieser Fall) zurückkehrt, wird der Browser Anzeige von bis , dass am Ende:

javascript:window.open("dom_spy.html"); 

In Firefox der oben zeigt folgendes an:

[object Window] 

Answer 2

Beachten Sie Folgendes:

<a href="javascript:void(fish=document.getElementById('foo').value);void(document.getElementById('bar').value=fish);">With Void</a> 

<a href="javascript:fish=document.getElementById('foo').value;document.getElementById('bar').value=fish;">Without Void</a> 

<input type="text" id="foo" value="one fish" /> 
<input type="text" id="bar" value="no fish" /> 

Der erste Link, um die Werte der Textfelder tauschen wird. Der zweite Link öffnet eine neue Seite mit dem Text "Ein Fisch". Wenn Sie einen javascript: link verwenden, interpretiert der Browser die Minute, in der ein Ausdruck etwas anderes als null oder undefined zurückgibt, was der Link tun sollte. Wenn Sie alle Ausdrücke/Anweisungen in eine void()-Funktion einschließen, stellen Sie sicher, dass Ihr gesamtes Code-Snippet ausgeführt wird. Heutzutage ist dies vor allem in Bookmarklets von Nutzen, da die Verwendung eines onclick Attributs oder das Einrichten von Event Handlern in separaten Javascript Blöcken/Dateien die "Norm" ist.

Wie für javascript: vs. javascript:void(), ist die erste Aussage mehrdeutig. Du sagst: "Hey, ich möchte etwas Javascript ausführen", aber dann gibst du keinen Code an. Es ist nicht unbedingt klar, was der Browser hier tun soll. Mit der zweiten Aussage sagst du "hey, mach etwas Javascript", und dein Code kehrt schließlich undefiniert zurück, was der Browser weiß, bedeutet "tue nichts".

Seit ich hier bin, werde ich auch darauf hinweisen, dass die Verwendung von javascript: oder javascript:void(); bei den meisten Leuten, die sich um Markup kümmern, in Ungnade gefallen ist. Besser ist es, wenn Ihr onclick-Handler false zurückgibt und der Link auf eine Seite/Ressource zeigt, die für Leute, die Javascript deaktiviert haben, sinnvoll ist oder einen JavaScript-Blocker wie NoScript verwendet.

Answer 3

Der undefined Wert war nicht direkt in JavaScript bis ES1.3 zugänglich.

Ein Operator void <expression> wurde daher eingeschlossen, um Zugriff auf diesen Wert zu ermöglichen.

Es ist manchmal nützlich, insbesondere bei der Arbeit mit der Web-API (z. B. Ereignisbehandlungsroutinen) sicherzustellen, dass das Ergebnis eines Ausdrucks konsistent ist.

Wenn die Eigenschaft undefined dem globalen Objekt in ES1.3 hinzugefügt wurde, wurde das Dienstprogramm void nicht offensichtlich.

Daher Ihre Frage.