JavaScript - пустое ключевое слово

void- важное ключевое слово в JavaScript, которое можно использовать как унарный оператор, который появляется перед его единственным операндом, который может быть любого типа. Этот оператор указывает выражение, которое нужно оценить, не возвращая значения.

Синтаксис

Синтаксис void может быть одним из следующих двух -

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

Пример 1

Чаще всего этот оператор используется в URL-адресе javascript: на стороне клиента , где он позволяет оценивать выражение на предмет его побочных эффектов без отображения браузером значения вычисленного выражения.

Здесь выражение alert ('Warning!!!') оценивается, но не загружается обратно в текущий документ -

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

Вывод

Пример 2

Взгляните на следующий пример. Следующая ссылка ничего не делает, потому что выражение «0» не действует в JavaScript. Здесь вычисляется выражение «0», но оно не загружается обратно в текущий документ.

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

Вывод

Пример 3

Другое использование void намеренно генерировать undefined значение следующим образом.

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

Вывод