How to Make JavaScript Asynchronous?
Bugün İstanbul’da, iş yerindeki yoğunluğumdan sonra akşam biraz JavaScript ile uğraşıyorum. Normalde kod yazarken bir yandan da içimden şu düşünce geçiyor: “JavaScript’i asenkron hale getirmek neden bu kadar önemli?” Ofiste çalışırken gün boyu işle ilgili sıkışık zaman dilimlerinde yaptığım her iş, aslında bir tür asenkron işlem gibi. Yani, bir işin bitmesini beklerken, aynı anda başka bir iş yapabiliyorum. Bu, yazılım geliştirmede de geçerli. İşte bu yazıda, JavaScript’te asenkron işlemlerin nasıl yapılacağını anlamaya çalışacağız, hem de kendi gözlemlerimle birleştirerek.
Asenkron Nedir ve Neden Önemlidir?
Öncelikle asenkron kelimesinin ne anlama geldiğini bir açıklığa kavuşturalım. Normalde senkron programlama yaparken, bir işlem bitmeden diğerine geçemeyiz. Bu, özellikle JavaScript gibi tek iş parçacıklı dillerde sorun yaratabilir. Çünkü JavaScript, her bir komutun sırasıyla yürütülmesini bekler. Örneğin, ağ isteği yaparken, bu isteğin yanıtını beklemek zorunda kalırız ve bu da uygulamanın “takılmasına” yol açar. Özetle, asenkron programlama, işler arasında bekleme süresini ortadan kaldırır ve diğer işlemlerin aynı anda yapılabilmesini sağlar.
Bu durum, özellikle modern web uygulamalarında çok önemli. Çünkü kullanıcı deneyimi açısından, sayfanın yüklenmesi, veri alınması gibi işlemlerin kullanıcıyı bekletmeden yapılması gerekiyor. Yoksa bir sayfa yüklenmeye çalışırken, diğer her şey durur, kullanıcı da sıkılır ve sayfayı terk eder. Hadi ama, hepimiz bir web uygulamasında “Sayfa yükleniyor” uyarısı gördüğümüzde ne kadar sabırsızlandık, değil mi?
JavaScript’te Asenkron Nasıl Çalışır?
JavaScript’in asenkron özellikleri, dilin temel özelliklerinden biridir. Ancak, asenkron programlama yaparken genellikle şu üç temel yöntemi kullanıyoruz: Callbacks, Promises ve Async/Await. Her birini sırayla inceleyelim.
1. Callbacks (Geri Arama Fonksiyonları)
Callback’ler, JavaScript’te asenkron işlemleri yönetmenin ilk yoluydu. Bir fonksiyonu başka bir fonksiyona parametre olarak gönderdiğimizde, o fonksiyonun bitmesini bekleriz ve ardından callback fonksiyonu çalıştırılır. Ama burada şöyle bir sorun var: Eğer callback fonksiyonları iç içe yazılırsa, kod karmaşık hale gelir ve bu duruma “callback hell” denir. Bu karmaşıklık bazen, kodun okunabilirliğini ve sürdürülebilirliğini zorlaştırır.
Örnek vermek gerekirse, bir dosya okuma işlemi yaptıktan sonra, bir veri gönderme işlemi başlatmak isteyelim. Callbacks kullanarak bunu şu şekilde yapabiliriz:
function readFile(callback) {
setTimeout(() => {
console.log("Dosya okundu!");
callback();
}, 1000);
}
function sendData() {
console.log("Veri gönderildi.");
}
readFile(sendData);Bu, oldukça basit bir örnek. Fakat karmaşık uygulamalarda callback’lerin iç içe girmesi, işler biraz karışmaya başlayabilir.
2. Promises (Sözler)
Callback hell’den kaçmak için, JavaScript’te Promise kullanmak oldukça yaygın bir yöntem. Promise, bir işlemin başarıyla tamamlanıp tamamlanmadığını takip etmemize olanak sağlar. Promise, “görevimi yerine getireceğim, ama sana şimdi söz veremem” şeklinde bir yapı sunar. Yani, asenkron bir işlemi bir promise ile sarmaladığınızda, işlem tamamlandığında istediğiniz sonucu elde edebilirsiniz.
Promise kullanımı biraz daha temiz ve anlaşılabilir oluyor. Örneğin:
function readFile() {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log("Dosya okundu!");
resolve();
}, 1000);
});
}
readFile()
.then(() => {
console.log("Veri gönderildi.");
})
.catch((error) => {
console.log("Bir hata oluştu: ", error);
});Görüldüğü gibi, burada Promise kullanarak, dosya okunduktan sonra veri gönderme işlemini başlatıyoruz. Promise kullanmak, callback’lerin yarattığı karışıklığı engeller ve asenkron işlemleri daha düzenli hale getirir.
3. Async/Await (Asenkron ve Bekleme)
Son olarak, JavaScript’e sonradan eklenen Async/Await yapısını inceleyelim. Aslında, Async/Await Promises’i daha okunabilir ve yazılabilir hâle getiren bir yapıdır. Async/Await ile, Promises’in “then” ve “catch” metodlarını kullanmadan, adeta senkron bir şekilde asenkron işlemler yazabiliriz. Bu, kodu hem daha temiz hem de daha anlaşılır yapar.
Async/Await kullanarak önceki örneğimizi şu şekilde yazabiliriz:
async function processFile() {
console.log("Dosya okundu!");
await new Promise(resolve => setTimeout(resolve, 1000));
console.log("Veri gönderildi.");
}
processFile();Gördüğünüz gibi, burada kodun çalışma sırası tam olarak senkron gibi görünmesine rağmen, işlemler arka planda asenkron olarak çalışmaya devam ediyor. “await” anahtar kelimesi, sadece beklemek istediğimiz işlemin tamamlanmasını sağlıyor. Bu sayede hem kod daha sade hem de daha yönetilebilir oluyor.
Asenkron JavaScript’in Geleceği
JavaScript’in asenkron doğası, modern web uygulamalarının temel taşı olmaya devam ediyor. Ancak, bu özellik geliştikçe, önümüzde daha fazla kolaylık ve daha karmaşık yapılar olacak. Yani, asenkron işlem yaparken, yalnızca JavaScript’i değil, aynı zamanda kullanıcı deneyimini de ön planda tutmamız gerekecek. Hangi yöntemi kullanırsak kullanalım, amacımız her zaman kullanıcıyı bekletmeden hızlı, güvenilir ve efektif bir deneyim sunmak olacak.
Benim günlük hayatımda da, tıpkı JavaScript gibi, bazen işler birbiriyle asenkron şekilde ilerliyor. İş yerinde birden çok projeye odaklanmak, akşam blog yazarken zihnimde farklı fikirlerin dolaşması… Aynı şekilde, JavaScript’te de farklı işlemler aynı anda ve sırasıyla yapılabiliyor. İşte bu yüzden, asenkron işlemler JavaScript’te o kadar önemlidir. Zaman içinde, asenkron JavaScript öğrenmek bana kod yazarken daha rahat ve verimli olmayı sağladı. Düşünüyorum da, belki de hayat da biraz böyle bir şey, değil mi? Birçok farklı olay ve durum, aynı anda birbirini takip ederek, bazen de biz bir şeyi tamamlamadan başka bir şeye geçerek devam ediyor.
Sonuç Olarak
Asenkron JavaScript, web uygulamaları geliştiren herkes için bir zorunluluk haline gelmiş durumda. Çünkü modern web, hız ve etkileşim gerektiriyor. Kullanıcılar, sayfanın yavaş yüklenmesi, verilerin geç gösterilmesi gibi sebeplerle rahatsız olabilir. JavaScript’in asenkron yapısı, bu sorunları çözerken hem kullanıcı deneyimini hem de uygulama performansını iyileştiriyor. Benim gibi gündüzleri ofiste çalışan ve akşamları kod yazan biri için, asenkron işlemleri anlamak ve doğru kullanmak, verimli bir yazılım geliştirme süreci için büyük bir adım. Kim bilir, belki bir gün JavaScript’in asenkron yapısının hayatımın geri kalanına nasıl etki ettiğini daha iyi anlarım.