Schlüsselwort void in ECMAScript

1- Das Schlüsselwort void

void ist ein wichtiger Schlüsselwort in  ECMAScript, Er hat die folgenden Eigenschaften:
  • void spielt eine Rolle als einen Operator, der vor Single Operand mit irgendeinem Typ gestellt wird.
  • void wird benutzt um eine Ausdruck zu bewerten. Er wird keine Wert zurückgeben, oder anders gesagt gibt er die Wert undefined (unbestimmt) zurück.
Der Operator  void wird vor irgendeiner Ausdruck gestellt um eine Wert   undefined zu bekommen.
void-expression-example.js
void console.log("Test1");  // Test1

console.log( void ("Test2") ); // undefined

console.log( void (2 == "2") );  // undefined

console.log( void (2) == "2" ); // false

console.log( void (2) == undefined); // true

2- Void und JavaScript URIs

<a href ="javascript:URI">..</a> ist häufig in  HTML, die Browser wird  URI bewerten und die Wert nehmen, die  URI zurückgibt, um die Inhalt auf die jetzige Seite zu ersetzen.
href-javascript-example.html
<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>Href Javascript</title>
      <script>
         function getHtmlContentToShow()  {
           console.log("Do something here...");
           alert("Do something here..");
           // Return new HTML content to replace current Page.
           return "<h1 style='color:red;'>Other HTML Content!</h1>";
         }
      </script>

   </head>
   <body>

        <h1>Href:javascript example</h1>

        <a href="javascript:getHtmlContentToShow()">Click me!</a>

   </body>
</html>
 
Wenn  URI  undefined zurückgibt, wird der Browser die Inhalt der jetzigen Seite nicht ersetzen
href-javascript-void-example.html
<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>Href Javascript Void</title>
      <script>
         function getHtmlContentToShow()  {
           console.log("Do something here...");
           alert("Do something here..");
           // Return new HTML content to replace current Page.
           return "<h1 style='color:red;'>Other HTML Content!</h1>";
         }
      </script>

   </head>
   <body>

        <h1>Href:javascript void example</h1>

        <a href="javascript:void getHtmlContentToShow()">Click me!</a>

   </body>
</html>

 

3- Einmal benutzende Funktion

Oft brauchen Sie eine Funktion definieren, und dann rufen Sie sie auf.
function-example.js
// Defind a function
function sayHello()  {
  console.log("Hello Everyone");
}

// Call function
sayHello();
Das folgende Beispiel zeigt Sie den Weg zur Erstellung einer nur Einmal benutzenden Funktion, sie wird sofort aufgeruft. Sie können diese Funktion irgendwo anders in Programm nicht benutzen weil sie nach der Verwendung nicht existieren
used-once-function-example.js
// Defind a function, and call it.
(function sayHello()  {
  console.log("Hello Everyone");
}) ();

try  {
  // This function does not exist.
  sayHello();
}
catch(e)  {
  console.log(e); // ReferenceError: sayHello is not defined
}

 
Sie können auch mit dem Schlüssel  void eine nur Einmal benutzende Funktion erstellen. Sie wird sofort aufruft und sie existiert nicht nach der Aufruf.
void-function-example.js
// Defind a function, and call it.
void function sayHello()  {
  console.log("Hello Everyone");
}();

try  {
  // This function does not exist.
  sayHello();
}
catch(e)  {
  console.log(e); // ReferenceError: sayHello is not defined
}