JavaScript - Void Keyword

voidjest ważnym słowem kluczowym w JavaScript, które może być używane jako operator jednoargumentowy, który pojawia się przed jego pojedynczym operandem, który może być dowolnego typu. Ten operator określa wyrażenie, które ma zostać ocenione bez zwracania wartości.

Składnia

Składnia void może być jednym z dwóch następujących -

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

Przykład 1

Najpopularniejszym zastosowaniem tego operatora jest javascript: URL po stronie klienta , gdzie umożliwia on ocenę wyrażenia pod kątem jego skutków ubocznych bez wyświetlania przez przeglądarkę wartości ocenianego wyrażenia.

Tutaj wyrażenie alert ('Warning!!!') jest oceniany, ale nie jest ładowany z powrotem do bieżącego dokumentu -

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

Wynik

Przykład 2

Spójrz na poniższy przykład. Poniższy link nic nie robi, ponieważ wyrażenie „0” nie działa w JavaScript. Tutaj wyliczane jest wyrażenie „0”, ale nie jest ono ładowane z powrotem do bieżącego dokumentu.

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

Wynik

Przykład 3

Inne zastosowanie void jest celowe generowanie pliku undefined wartość w następujący sposób.

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

Wynik