JavaScript - Palavra-chave nula

voidé uma palavra-chave importante em JavaScript que pode ser usada como um operador unário que aparece antes de seu único operando, que pode ser de qualquer tipo. Este operador especifica uma expressão a ser avaliada sem retornar um valor.

Sintaxe

A sintaxe de void pode ser qualquer um dos dois seguintes -

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

Exemplo 1

O uso mais comum desse operador é em um javascript: URL do lado do cliente , onde ele permite que você avalie uma expressão para seus efeitos colaterais sem que o navegador exiba o valor da expressão avaliada.

Aqui a expressão alert ('Warning!!!') é avaliado, mas não é carregado de volta no documento atual -

<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>

Resultado

Exemplo 2

Dê uma olhada no exemplo a seguir. O link a seguir não faz nada porque a expressão "0" não tem efeito em JavaScript. Aqui, a expressão "0" é avaliada, mas não é carregada de volta no documento atual.

<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>

Resultado

Exemplo 3

Outro uso de void é gerar propositalmente o undefined valor da seguinte forma.

<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>

Resultado