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

Синтаксис

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

<head>
 
   <script type="text/javascript">
      <!--
         void func()
         javascript:void func()
     
         or:
     
         void(func())
         javascript:void(func())
      //-->
   </script>
  
</head>
Пример 1

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

Здесь выражение 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 состоит в том, чтобы преднамеренно генерировать неопределенное значение следующим образом.

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

Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!



We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies).

You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok