Mot clé Void dans ECMAScript

View more Tutorials:

1- Le mot clé void

void est un mot clé important en  ECMAScript, il comporte les caractéristiques ci-dessous :
  • void agit en tant qu'opérateur, debout devant un seul opérande (single operand) avec n'importe quel type d'opérande.
  • void est utilisé pour évaluer une expression. Il ne renverra aucune valeur, ou en d'autres termes, il retournera une valeur undefined (indéfinie).
L'opérateur  void précède toute expression pour obtenir une valeur​​​​​​​ undefined.
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 et JavaScript URIs

<a href ="javascript:URI">..</a> est commun en HTML.  Les navigateurs évalueront l' URI et prendront la valeur retournée par l' URI pour remplacer le contenu de la page courante.
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>
 
Si l' URI renvoie  undefined le navigateur ne va pas remplacer le contenu de la page courante
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- Fonction à sens unique

Normalement vous devriez définir une fonction et puis l'appeler.
function-example.js
// Defind a function
function sayHello()  {
  console.log("Hello Everyone");
}

// Call function
sayHello();
L'exemple suivant vous montre comment créer une fonction à sens unique. Il est appelé immédiatement. Vous ne pourrez utiliser cette fonction nulle part ailleurs dans le programme car elle n'existe pas après avoir été utilisée.
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
}

 
Vous pouvez également créer une fonction à sens unique avec le mot-clé void. Il est appelé immédiatement, et n'existe plus après avoir été appelé. 
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
}
 

View more Tutorials: