การเขียน Callback ด้วยภาษา Javascript

การเขียน Callback ด้วยภาษา Javascript

       การทำงานของโปรแกรมที่เขียนโดยภาษา Javascript นั้นจะเป็นการทำงานแบบ Asynchronous ซึ่งโปรแกรมจะไม่รันคำสั่งจากบนล่งล่าง จะรันแบบว่าส่วนไหนเสร็จก่อนจะรันคำสั่งนั้นก่อน ดังตัวอย่างข้างล่าง

​

      จากโค้ดข้างบน ถ้ารันโปรแกรมจะแสดงแจ้งเตือนข้อมูล Ajax 2 ก่อนข้อความแจ้งเตือน Ajax 1 เพราะว่าฟังก์ชั่น ajax_2 ทำงานเสร็จก่อน โดยการทำงานลักษณะนี้เรียกว่า การทำงานแบบ Asynchronous นะครับ

    การที่จะทำให้โปรแกรมรันตามลำดับ ซึ่งก็คือจากบนลงล่าง นั้นจำเป็นจะต้องเขียน Callback เข้ามาช่วยให้ทำคำสั่งด้านบนเสร็จก่อนจึงจะให้สามารถรั่นคำสั่งถัดไปได้ ซึ่งจะแสดงตัวอย่างการเขียน Callback ดังโค้ดต่อไปนี้

   จากโค้ดข้างบนก็จะเป็นการเรียกใช้ Callback เพื่อที่จะได้นำค่า 10 ที่ได้จากฟังก์ชั่น ajax1 ไปใช้ในฟังก์ชั่น ajax2 เพื่อแสดงผลรวมออกมา

  การเขียน Callback สามารถนำไปใช้ประโยชน์ได้เวลาเรียกใช้ Ajax ซึ่งถ้าต้องการที่จะนำค่าที่ได้จากการดึกข้อมูลแบบวิธี Ajax นั้นจำเป็นจะต้องใช้ Callback เข้ามาช่วยเพื่อรอให้ได้ข้อมูลจาก Ajax ก่อนถึงจะไปใช้ในส่วนอื่น ๆ ได้