JavaScript: palabra clave nula

voides una palabra clave importante en JavaScript que puede usarse como un operador unario que aparece antes de su único operando, que puede ser de cualquier tipo. Este operador especifica una expresión que se evaluará sin devolver un valor.

Sintaxis

La sintaxis de void puede ser cualquiera de los dos siguientes:

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

Ejemplo 1

El uso más común de este operador es en un javascript: URL del lado del cliente , donde le permite evaluar una expresión por sus efectos secundarios sin que el navegador muestre el valor de la expresión evaluada.

Aquí la expresión alert ('Warning!!!') se evalúa pero no se vuelve a cargar en el documento actual -

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

Salida

Ejemplo 2

Eche un vistazo al siguiente ejemplo. El siguiente enlace no hace nada porque la expresión "0" no tiene ningún efecto en JavaScript. Aquí se evalúa la expresión "0", pero no se vuelve a cargar en el documento actual.

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

Salida

Ejemplo 3

Otro uso de void es generar deliberadamente el undefined valor de la siguiente manera.

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

Salida