JavaScript - Từ khóa Void

voidlà một từ khóa quan trọng trong JavaScript có thể được sử dụng như một toán tử một ngôi xuất hiện trước toán hạng đơn của nó, có thể thuộc bất kỳ loại nào. Toán tử này chỉ định một biểu thức được đánh giá mà không trả về giá trị.

Cú pháp

Cú pháp của void có thể là một trong hai cách sau:

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

ví dụ 1

Việc sử dụng phổ biến nhất của toán tử này là trong javascript: URL phía máy khách , nơi nó cho phép bạn đánh giá một biểu thức cho các tác dụng phụ của nó mà không cần trình duyệt hiển thị giá trị của biểu thức được đánh giá.

Đây là biểu thức alert ('Warning!!!') được đánh giá nhưng nó không được tải lại vào tài liệu hiện tại -

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

Đầu ra

Ví dụ 2

Hãy xem ví dụ sau. Liên kết sau không có tác dụng gì vì biểu thức "0" không có tác dụng trong JavaScript. Ở đây, biểu thức "0" được đánh giá, nhưng nó không được tải trở lại tài liệu hiện tại.

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

Đầu ra

Ví dụ 3

Một cách sử dụng khác của void là cố ý tạo ra undefined giá trị như sau.

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

Đầu ra