void-Operator

Dieser Operator erlaubt es, Ausdrücke, die einen Wert erzeugen, zu evaluieren, an Stellen, an denen ein Ausdruck, der zu undefined ausgewertet wird, erwünscht ist.

Der void-Operator wird oft nur verwendet, um den undefined-Urwert zu erhalten, normalerweise mit void(0) (was äquivalent zu void 0 ist). In diesen Fällen kann auch die globale Variable undefined verwendet werden.

Es sollte beachtet werden, dass die Priorität des void-Operators berücksichtigt werden sollte und dass Klammern dabei helfen können, die Auflösung des Ausdrucks nach dem void-Operator zu verdeutlichen:

void 2 === "2"; // (void 2) === '2', returns false
void (2 === "2"); // void (2 === '2'), returns undefined

Beim Verwenden eines sofort ausgeführten Funktionsausdrucks kann das function-Schlüsselwort nicht zu Beginn der Anweisung stehen, da dies als Funktionsdeklaration analysiert würde und ein Syntaxfehler erzeugt würde, wenn die Klammern für die Aufrufdarstellung erreicht werden — wenn die Funktion unbenannt ist, wäre es sofort ein Syntaxfehler, wenn die Funktion als Deklaration geparst wird.

function iife() {
  console.log("Executed!");
}(); // SyntaxError: Unexpected token ')'

function () {
  console.log("Executed!");
}(); // SyntaxError: Function statements require a function name

Damit die Funktion als Ausdruck geparst wird, muss das function-Schlüsselwort an einer Stelle erscheinen, die nur Ausdrücke und keine Anweisungen akzeptiert. Dies kann erreicht werden, indem man das Schlüsselwort mit einem unären Operator voranstellt, der nur Ausdrücke als Operanden akzeptiert. Der Funktionsaufruf hat eine höhere Priorität als unäre Operatoren, daher wird er zuerst ausgeführt. Sein Rückgabewert (der fast immer undefined ist) wird an den unären Operator übergeben und dann sofort verworfen.

Unter allen unären Operatoren bietet void die beste Bedeutung, weil es deutlich signalisiert, dass der Rückgabewert des Funktionsaufrufs verworfen werden soll.

void function () {
  console.log("Executed!");
}();

// Logs "Executed!"

Dies ist etwas länger als das Einwickeln des Funktionsausdrucks in Klammern, was den gleichen Effekt hat, das function-Schlüsselwort als Start eines Ausdrucks anstelle einer Anweisung zu analysieren.

(function () {
  console.log("Executed!");
})();

Beachten Sie, dass dieser Trick nur auf IIFEs anwendbar ist, die mit dem function-Schlüsselwort definiert sind. Der Versuch, den void-Operator zu verwenden, um Klammern für eine Pfeilfunktion zu vermeiden, führt zu einem Syntaxfehler. Pfeilfunktionsausdrücke erfordern immer Klammern um sie herum, wenn sie aufgerufen werden.

void () => { console.log("iife!"); }(); // SyntaxError: Malformed arrow function parameter list

Wenn ein Browser einem javascript: URI folgt, evaluiert er den Code im URI und ersetzt dann den Inhalt der Seite durch den zurückgegebenen Wert, es sei denn, der zurückgegebene Wert ist undefined. Der void-Operator kann verwendet werden, um undefined zurückzugeben. Zum Beispiel:

<a href="javascript:void(0);">Click here to do nothing</a>

<a href="javascript:void(document.body.style.backgroundColor='green');">
  Click here for green background
</a>

Pfeilfunktionen führen eine verkürzte, klammerlose Syntax ein, die einen Ausdruck zurückgibt. Dies kann unbeabsichtigte Seiteneffekte haben, wenn der Ausdruck ein Funktionsaufruf ist, bei dem sich der zurückgegebene Wert von undefined zu einem anderen Wert ändert.

Zum Beispiel, wenn doSomething() im folgenden Code false zurückgibt, wird das Kontrollkästchen nicht mehr markiert oder demarkiert, wenn das Kontrollkästchen angeklickt wird (das Zurückgeben von false aus dem Handler deaktiviert die Standardaktion).

checkbox.onclick = () => doSomething();

Dies ist wahrscheinlich nicht das gewünschte Verhalten! Um sicher zu sein, dass der Rückgabewert einer Funktion nicht verwendet werden soll, kann er an den void-Operator übergeben werden, um sicherzustellen, dass (zum Beispiel) sich ändernde APIs nicht das Verhalten von Pfeilfunktionen ändern.

checkbox.onclick = () => void doSomething();

• undefined