รหัส Javascript เป็นแบบอะซิงโครนัสอย่างไรเมื่อใช้การเรียกกลับ

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

มันไม่ได้ เพียงแค่ทำการโทรกลับหรือผ่านการติดต่อกลับไม่ได้หมายความว่าเป็นการซิงโครนัส

ตัวอย่างเช่น.forEachฟังก์ชั่นใช้โทรกลับ แต่จะซิงโคร

var available = false;
[1,2,3].forEach( function(){
    available = true;
});
//code here runs after the whole .forEach has run,
//so available === true here

setTimeoutใช้เวลาโทรกลับเกินไปและไม่ตรงกัน

function myFunction( fn ) {
    setTimeout( function() {
        fn(1,2,3);
    }, 0 );
}

var available = false;
myFunction( function() {
    available = true;
});
//available is never true here

การต่อเหตุการณ์อะซิงโครนัสใด ๆ ใน Javascript จะต้องมีการติดต่อกลับ แต่นั่นไม่ได้หมายความว่าการเรียกฟังก์ชั่นการโทรหรือส่งผ่านเหตุการณ์นั้นจะไม่ตรงกัน

ความลับของ "เวทย์มนตร์" คือเหตุการณ์ที่คุณกำหนดให้การเรียกกลับเป็นแบบอะซิงโครนัส พวกเขากำลังใช้ "ภายใต้ประทุน" เพื่อดูแลสิ่งที่พวกเขากำลังทำ (เช่นการดึงบางสิ่งบางอย่างจากเซิร์ฟเวอร์ระยะไกล) ในพื้นหลังนอกแซนด์บ็อกซ์ JS จากนั้นเมื่อพวกเขาทำงานเสร็จพวกเขาจะส่งข้อความให้เครื่องยนต์ JS เพื่อเรียกเหตุการณ์ เมื่อเอ็นจิน JS เสร็จสิ้นสิ่งที่กำลังทำอยู่มันจะเรียกเหตุการณ์ใด ๆ ที่เข้าคิว (หรือรอข้อความใหม่) จากนั้นการเรียกกลับของคุณจะถูกเรียกว่า "อย่างน่าอัศจรรย์" แบบอะซิงโครนัส!

( หมายเหตุ:นี่เป็นภาพรวมแนวคิดระดับสูงของหัวข้อที่ไม่ได้ลงรายละเอียดเนื่องจากเอ็นจิน JS ต่าง ๆ จะนำสิ่งต่าง ๆ ไปใช้ในรูปแบบต่าง ๆ แต่นี่เป็นแนวคิดทั่วไปของการทำงาน)