Mot clé Void dans JavaScript

Le mot clé void
Void et JavaScript URIs
Fonction à sens unique

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
}

Mot clé Void dans JavaScript

1. Le mot clé void

2. Void et JavaScript URIs

3. Fonction à sens unique

Tutoriels de programmation ECMAScript, Javascript

Tutoriels de programmation ECMAScript, Javascript

Articles les plus récents