Javascript kodu geri çağrıları kullanırken nasıl eşzamansız hale geliyor?

Eşzamansız JavaScript kodu yazmayı anlamaya çalışarak çok fazla çevrimiçi okuma yapıyorum. Araştırmamda çok fazla öne çıkan tekniklerden biri geri arama kullanmak. Bir geri çağırma işlevi yazma ve yürütme sürecini anladığım halde, geri çağrıların neden JavaScript çalıştırmasını eşzamansız hale getirdiğini görünce kafam karıştı. Öyleyse sorum şu: geri arama işlevlerini JavaScript koduma ekleme işlevi, söz konusu kodu otomatik olarak nasıl eşzamansız hale getiriyor?

Öyle değil. Sadece bir geri arama almak veya bir geri aramayı geçmek, zaman uyumsuz olduğu anlamına gelmez.

Örneğin, .forEachişlev bir geri arama alır ancak senkronizedir.

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

setTimeoutDe bir geri arama alır ve asenkron olduğunu.

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

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

Javascript'teki herhangi bir zaman uyumsuz olaya bağlanmak her zaman bir geri çağrı gerektirir, ancak bu, çağrı işlevlerinin ya da etrafından dolaşmanın her zaman zamanuyumsuz olduğu anlamına gelmez.

"Sihir" in sırrı , geri aramaları atadığınız olayların eşzamansız olmasıdır. Arka planda, JS sanal alanının dışında ne yapıyorlarsa (uzaktaki bir sunucudan bir şey almak gibi) ne yapmak istediklerine bakmak için "kaputun altında" uygulanırlar. Ve sonra işleri bittikten sonra, JS motoruna bir olayı çağırması için bir mesaj verdiler. JS motoru şu anda ne yapıyorsa bittiğinde, sıraya alınmış olan herhangi bir olayı arayacak (ya da yeni bir mesaj bekleyecektir) ve daha sonra geri çağırma işleminiz "sihirli bir şekilde" asenkronize!

( NOT: Bu, ayrıntılara girmeyen konuyla ilgili çok yüksek, kavramsal bir bakış açısıdır, çünkü farklı JS motorları işleri farklı şekillerde uygulayacaklardır.