codestory

Schlüsselwort void in JavaScript

  1. Das Schlüsselwort void
  2. Void und JavaScript URIs
  3. Einmal benutzende Funktion

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 Wertundefined 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 URIundefined 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
}

Anleitungen ECMAScript, Javascript

Show More