JavaScript Async/Await, Sadece Sözdizimsel Bir Şeker Değildir!!!!

Geri Aramaları, Sözleri ve Async/Await'i anlamak , JavaScript ile çalışmanın çok önemli bir parçasıdır çünkü JavaScript, Tek İş Parçacıklı bir Programlama Dilidir.

JavaScript Callbacks, Promises ve Async/Await'in nasıl çalıştığını açıklayan birçok derinlemesine öğrenme kaynağı vardır , bunları incelemekten çekinmeyin ve buraya geri dönün.

Ancak burada, Async/Await'in Promises ile nasıl aynı olduğunu göstereceğim veya Async/Await'in Promises olduğunu mu söylemeliyiz?

Promise tabanlı bir API olduğu için JavaScript Fetch API kullanımını göstereceğiz, İlk Kod Async/Await kullanılarak yazılacak ve diğeri Async/Await anahtar sözcükleri olmadan yalnızca Promises içinde yazılacaktır.

Bu örnek için, bir kişinin adına göre yaşını tahmin eden Agify.io uç noktasına bağlanıyor olacağız, Şimdi ona geçelim.

1) İlk olarak, konveksiyonel Async/Await ile, kişinin adını bir sorgu dizesi parametresi olarak API uç noktasına gönderen bir işlev oluşturduk.

async function prediction(name){
    response = await fetch(`https://api.agify.io?name=${name}`)
    person_details= await response.json()
    age=person_details["age"]
    return `Your Age is ${age}`
}

prediction("aisosa").then(console.log) // Output: Your Age is 33

prediction = (name) => new Promise((resolve,reject)=>{
    fetch(`https://api.agify.io?name=${name}`).then((response)=>{
        response.json().then((person_details)=>{
            age=person_details["age"]
            resolve(`Your Age is ${age}`)
        })
    })
})
prediction("aisosa").then(console.log) // Output: Your Age is 33

Sonuç olarak, JavaScript Async/Await sadece Sözdizimsel bir Şeker değil, SÖZLERDİR.