Breaking News

JavaScript - palabra reservada void

JavaScript - palabra reservada void


void es una palabra clave importante en JavaScript que se puede utilizar 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.
xxx

Sintaxis

La sintaxis de void puede ser una de las siguientes dos:
<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 se encuentra en una URL javascript: del lado del cliente, donde le permite evaluar una expresiĂłn para sus efectos secundarios sin que el navegador muestre el valor de la expresiĂłn evaluada.
xxx
AquĂ­ se evalĂşa la expresiĂłn alerta ('¡Advertencia!') 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 efecto en JavaScript. AquĂ­ se evalĂşa la expresiĂłn "0", pero no se carga de nuevo en el documento actual.
xxx
<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 valor undefined de la siguiente manera.
xxx
<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>



No comments