Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะใช้ป้ายกำกับเพื่อควบคุม Flow ใน JavaScript ได้อย่างไร?


ในการควบคุมโฟลว์ใน JavaScript ให้ใช้ป้ายกำกับ สามารถใช้เลเบลกับคำสั่ง break และ continue เพื่อควบคุมโฟลว์ได้แม่นยำยิ่งขึ้น เลเบลเป็นเพียงตัวระบุตามด้วยโคลอน (:) ที่ใช้กับคำสั่งหรือบล็อกของโค้ด เราจะเห็นตัวอย่างที่แตกต่างกัน 2 ตัวอย่างเพื่อทำความเข้าใจวิธีใช้ป้ายกำกับโดยแบ่งเป็นช่วงพักและดำเนินการต่อ

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ป้ายกำกับเพื่อควบคุมการไหลด้วยคำสั่ง break -

การสาธิตสด

<html>    
   <body>              
      <script>            
         document.write("Entering the loop!<br /> ");            
         outerloop: // This is the label name                      
         for (var i = 0; i < 5; i++) {                
            document.write("Outerloop: " + i + "<br />");                
            innerloop:                
            for (var j = 0; j < 5; j++) {                  
               if (j > 3 ) break ; // Quit the innermost loop                  
               if (i == 2) break innerloop; // Do the same thing                  
               if (i == 4) break outerloop; // Quit the outer loop                  
               document.write("Innerloop: " + j + " <br />");                
            }            
         }                      
         document.write("Exiting the loop!<br /> ");      
      </script>          
   </body>
</html>

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ป้ายกำกับเพื่อควบคุมโฟลว์ โดยมีคำสั่งดำเนินการต่อ -

การสาธิตสด

<html>    
   <body>          
      <script>
          document.write("Entering the loop!<br /> ");          
          outerloop: // This is the label name                    
          for (var i = 0; i < 3; i++) {            
             document.write("Outerloop: " + i + "<br />");            
             for (var j = 0; j < 5; j++) {                
                if (j == 3){                  
                   continue outerloop;                
                }                
                document.write("Innerloop: " + j + "<br />");            
             }          
          }                    
          document.write("Exiting the loop!<br /> ");            
       </script>          
    </body>
</html>