JavaScript - Mot-clé nul

voidest un mot clé important en JavaScript qui peut être utilisé comme un opérateur unaire qui apparaît avant son unique opérande, qui peut être de n'importe quel type. Cet opérateur spécifie une expression à évaluer sans renvoyer de valeur.

Syntaxe

La syntaxe de void peut être l'un des deux suivants -

<head>
   <script type = "text/javascript">
      <!--
         void func()
         javascript:void func()
         or:
         void(func())
         javascript:void(func())
      //-->
   </script>
</head>

Exemple 1

L'utilisation la plus courante de cet opérateur est dans une URL javascript: côté client , où il vous permet d'évaluer une expression pour ses effets secondaires sans que le navigateur n'affiche la valeur de l'expression évaluée.

Ici l'expression alert ('Warning!!!') est évalué mais il n'est pas rechargé dans le document courant -

<html>
   <head>      
      <script type = "text/javascript">
         <!--
         //-->
      </script>   
   </head>
   
   <body>   
      <p>Click the following, This won't react at all...</p>
      <a href = "javascript:void(alert('Warning!!!'))">Click me!</a>     
   </body>
</html>

Production

Exemple 2

Jetez un œil à l'exemple suivant. Le lien suivant ne fait rien car l'expression "0" n'a aucun effet en JavaScript. Ici, l'expression "0" est évaluée, mais elle n'est pas rechargée dans le document courant.

<html>
   <head>   
      <script type = "text/javascript">
         <!--
         //-->
      </script>      
   </head>
   
   <body>   
      <p>Click the following, This won't react at all...</p>
      <a href = "javascript:void(0)">Click me!</a>      
   </body>
</html>

Production

Exemple 3

Une autre utilisation de void est de générer délibérément le undefined valeur comme suit.

<html>
   <head>      
      <script type = "text/javascript">
         <!--
            function getValue() {
               var a,b,c;
               
               a = void ( b = 5, c = 7 );
               document.write('a = ' + a + ' b = ' + b +' c = ' + c );
            }
         //-->
      </script>      
   </head>
   
   <body>
      <p>Click the following to see the result:</p>
      <form>
         <input type = "button" value = "Click Me" onclick = "getValue();" />
      </form>     
   </body>
</html>

Production