Từ khóa Void trong JavaScript

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

Cú pháp

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

<head>

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

Quảng cáo

Ví dụ 1

Sự sử dụng phổ biến nhất của toán tử này là trong một Client-Side javascript:URL, nó cho phép bạn ước lượng một biểu thức cho các tác động thứ yếu của nó (side-effects) mà trình duyệt không hiển thị giá trị của biểu thức đã ước lượng.

Ở đây biểu thức alert ('Warning!!!') được ước lượng nhưng nó không được tải trở lại trong 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>

Kết quả

Ví dụ 2

Bạn xem ví dụ sau. Link sau sẽ không là gì bởi vì biểu thức "0" không có tác động trong JavaScript. Ở đây biểu thức "0" được ước lượng, nhưng nó không được tải trở lại trong 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>

Kết quả

Quảng cáo

Ví dụ 3

Cách sử dụng khác của void là chủ yếu để tạo giá trị undefined 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>

Kết quả

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Các bạn có thể mua thêm khóa học JAVA CORE ONLINE VÀ ỨNG DỤNG cực hay, giúp các bạn vượt qua các dự án trên trường và đi thực tập Java. Khóa học có giá chỉ 300K, nhằm ưu đãi, tạo điều kiện cho sinh viên cho thể mua khóa học.

Nội dung khóa học gồm 16 chuơng và 100 video cực hay, học trực tiếp tại https://www.udemy.com/tu-tin-di-lam-voi-kien-thuc-ve-java-core-toan-tap/ Bạn nào có nhu cầu mua, inbox trực tiếp a Tuyền, cựu sinh viên Bách Khoa K53, fb: https://www.facebook.com/tuyen.vietjack

Follow facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Các bài học JavaScript khác tại VietJack: