JavaScript Yürütmesini Anlamak: Eşzamanlı ve Eşzamansız Davranışı Belirlemek için setTimeout ve Promises'ı Kullanma

JavaScript'in Kodu Nasıl Yürüttüğünü Anlamak: Eşzamanlı ve Eşzamansız Modeller

JavaScript tek iş parçacıklı bir dildir, yani her seferinde bir satır kod çalıştırır. Hem senkron hem de asenkron görevleri nasıl ele aldığını anlamak geliştiriciler için çok önemlidir. Bu konuyla ilgili soruların çoğu zaman teknik görüşmelerde ortaya çıkması, bu kavramları iyice kavramayı önemli kılmaktadır.

Geliştiriciler aşağıdaki gibi işlevleri kullandığında setTimeout veya Vaatleryürütme akışı ilk başta biraz tahmin edilemez görünebilir. Ancak net bir yapıyı takip ederek kodunuzun farklı bölümlerinin tam olarak yürütüleceği sırayı belirleyebilirsiniz. Bu, özellikle aşağıdakilerle uğraşırken önemlidir: geri aramalar Ve olay kuyrukları.

Bu örnekte, JavaScript'in aşağıdaki gibi eşzamanlı görevleri nasıl ele aldığını açıklayacağız: konsol.log ve asenkron işlemler gibi setTimeout Ve Vaatler. Bu açıklamanın sonunda, JavaScript'in olay döngüsünün görevleri nasıl önceliklendirdiğini ve işlediğini daha net anlayacaksınız.

Bu makale, röportaj sorularıyla uğraşırken veya eşzamansız kodda hata ayıklarken yararlı bir beceri olan JavaScript'teki yürütme sırasını belirlemenize yardımcı olmak için tasarlanmıştır. Kavramları net bir şekilde göstermek için pratik bir örneğe dalalım.

JavaScript Yürütme Akışını Keşfetmek: Eşzamanlı ve Eşzamansız Kod

JavaScript'te, eşzamanlı ve eşzamansız kodun yürütme sırasını anlamak, özellikle kodlarla uğraşırken çok önemlidir. setTimeout Ve Vaatler. Anlaşılması gereken temel kavram, olay döngüsünün ilk olarak eşzamanlı görevleri nasıl işlediği ve daha sonra sıradaki eşzamansız görevleri nasıl ele aldığıdır. Sağlanan örnek kodda, ilk iki günlük ("A" ve "F") eşzamanlıdır, yani tam olarak kodda göründükleri sırayla yürütülürler. Çalıştırıldıkları anda, komut dosyası setTimeout gibi eşzamansız görevleri daha sonraki işlemler için hemen planlar.

setTimeout işlevi, yürütme akışında bir gecikme hissi yaratarak işlemleri ertelemenin yaygın bir yoludur. Bu durumda her ikisi de setTimeout işlevler, olay kuyruğuna "B" ve "E" konsol günlüklerini eklemek için kullanılır. "E"nin 0 milisaniyelik bir gecikmeye sahip olmasına rağmen, mevcut senkronize işlemler ve mikro görevler tamamlandıktan sonra hala sıraya alındığını unutmamak önemlidir. Bu ince ayrımı anlamak, daha karmaşık JavaScript görevlerinin yürütme sırasını belirlemede çok önemlidir.

İlkinin içindeki setTimeout geri aramada, öncelikli olan eşzamanlı görev kuyruğunun bir parçası olduğundan ilk önce "B" günlüğü yazdırılır. Daha sonra, bu geri aramanın içinde çözümlenmiş bir söz oluşturulur. Promise.resolve. Bu, "D" günlüğünün "B"den sonra ancak ana olay kuyruğundaki diğer görevlerden önce oluşmasını sağlayan bir mikro görevi tetikler. Mikro görev kuyruğuna yerleştirilen Promises'ın bu davranışı, ikinci setTimeout geri çağırma "E"yi kaydetmeden önce "D"nin günlüğe kaydedilmesine izin veren şeydir. Bu nedenle, mikro görevler standart eşzamansız görevlere göre önceliklidir.

Son yürütme sırasını özetlemek gerekirse: "A" ve "F" eşzamanlı olarak günlüğe kaydedilir, ardından ilk setTimeout tarafından sıraya alınan "B" gelir. Çözümlenen söz, bir sonraki adımda "D"nin bir mikro görev olarak günlüğe kaydedilmesine neden olur. Son olarak, "E" ikincinin bir parçası olduğu için en son günlüğe kaydedilir. setTimeout geri çağırmak. Eşzamanlı görevleri, olay döngüsünü ve mikro görevleri birleştiren JavaScript yürütme akışının bu şekilde anlaşılması, röportaj sorularını yanıtlarken veya gerçek hayattaki projelerde eşzamansız kodda hata ayıklarken çok değerlidir.

console.log("A");
setTimeout(() => {
    console.log("B");
    Promise.resolve("C").then(() => console.log("D"));
}, 1000);
setTimeout(() => console.log("E"), 0);
console.log("F");

console.log("Start");
setTimeout(() => {
    console.log("Middle");
}, 500);
Promise.resolve().then(() => {
    console.log("Promise 1");
});
console.log("End");

JavaScript'in Olay Döngüsüne ve Görev Önceliklendirmesine Derin Bakış

JavaScript'in eşzamansız davranışının önemli bir yönü, olay döngüsü, geri aramaların, vaatlerin ve diğer eşzamansız kodların yürütülmesinden sorumludur. Bu olay döngüsü sürekli olarak çağrı yığınının boş olup olmadığını kontrol eder ve boşsa geri arama kuyruğundan ve mikro görev kuyruğundan gelen görevleri işler. Bu kuyruklarda görevlerin nasıl önceliklendirildiğini anlamak, özellikle kodların işlenmesi sırasında kodun beklendiği gibi davranmasını sağlamak açısından kritik öneme sahiptir. setTimeout ve aynı anda söz veriyor.

Mikro görev kuyruğu, geri arama kuyruğuna göre önceliklidir. Gibi görevler vaat kararları mikro görev kuyruğuna yerleştirilir, yani setTimeout sıfır gecikmeye sahip olsa bile geri arama kuyruğundaki herhangi bir gecikmeli görevden önce yürütülürler. Bu nedenle kod örneğinde, sözdeki "D" günlüğü, ikinci setTimeout'taki "E" günlüğünden önce yürütülür. Beklenmedik davranışlardan kaçınmak için eşzamansız işlemleri karıştıran kod yazarken geliştiricilerin bunu anlaması hayati önem taşır.

Gerçek dünya uygulamalarında, API çağrıları veya zamanlayıcılar gibi eşzamansız işlemler sıklıkla eşzamanlı kodla etkileşime girer. Geliştiriciler, olay döngüsünün, geri arama kuyruğunun ve mikro görev kuyruğunun nasıl çalıştığını bilerek kodlarının sonucunu daha iyi tahmin edebilirler. Bu, özellikle performansı optimize ederken veya karmaşık komut dosyalarında hata ayıklarken önemlidir; eşzamansız işlemler ve senkronize kod sıklıkla etkileşime girer.