JavaScript - คำหลักเป็นโมฆะ

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 คือการสร้างไฟล์ 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>

เอาต์พุต