JavaScript'te Callback, Promise ve Async Await Fonksiyonları

Adı : JavaScript'te Callback, Promise ve Async Await Fonksiyonları

JavaScript dilinde asenkron programlama, programın hız ve performansı açısından önemli bir yere sahiptir. Ancak bu durumda karşılaşılan en büyük sorun, bir fonksiyonun işlemi bittikten sonra diğer fonksiyonların çağrılabilmesidir. Bu sorunun çözümü ise JavaScript'te kullanılan Callback, Promise ve Async Await fonksiyonlarıdır.
Callback Fonksiyonları
Callback fonksiyonları, JavaScript'te bir fonksiyonun tamamlandıktan sonra çalışacak olan diğer fonksiyonları belirtmek için kullanılır. Bir fonksiyona, diğer bir fonksiyonun argüman olarak geçirilmesi ile gerçekleştirilen bu fonksiyonlar, genellikle bir API veya bir asenkron fonksiyon için geri çağırma işlevi görürler.
Örnek olarak, bir asenkron fonksiyon olan verilerin yüklenmesi işlemi için bir callback fonksiyonu kullanılabilir:
```
function loadData(callback) {
// Verilerin yüklenmesi işlemi
callback();
}
function displayData() {
// Yüklenen verilerin görüntülenmesi işlemi
}
loadData(displayData);
```
Bu örnekte, loadData fonksiyonu callback parametresi olacak şekilde tanımlanmıştır. Bu parametre ile birlikte, displayData fonksiyonu da argüman olarak geçirilmiştir. loadData fonksiyonu tamamlandıktan sonra, callback parametresi ile belirtilen displayData fonksiyonu çağırılır.
Promise Fonksiyonları
Promise fonksiyonları, JavaScript'te asenkron bir işlemin tamamlanma durumu hakkında bir cevap almak için kullanılır. Bu sayede, bir işlem tamamlandıktan sonra devam edecek olan işlemler için belirli bir zaman dilimi tanımlanabilir. Bu süreçte, işlem tamamlandıktan sonra başarılı veya başarısız sonuçlar alınabilir.
Örnek olarak, bir veritabanından veri çekmek işlemi için bir Promise fonksiyonu kullanılabilir:
```
function getData() {
return new Promise((resolve, reject) => {
// Verilerin yükleme işlemi
if (veriler) {
resolve(veriler);
} else {
reject(Veriler yüklenemedi.);
}
});
}
getData()
.then(veriler => {
// Yüklenen verilerin görüntülenmesi işlemi
})
.catch(hata => {
console.log(hata);
});
```
Bu örnekte, getData fonksiyonu Promise olarak tanımlanmıştır. Bu Promise, resolve ve reject parametreleri ile birlikte oluşturulmuştur. Yüklenen veriler varsa, resolve fonksiyonu çağrılır ve veriler Promise'ten alınır. Yüklenen veriler başarılı bir şekilde alınırsa, then bloğu çalıştırılır. Eğer herhangi bir hata oluşursa, catch bloğu çağrılır.
Async Await Fonksiyonları
Async await fonksiyonları, JavaScript'te asenkron işlemleri yönetmek için kullanılan bir yöntemdir. Bu yöntemde, async anahtar kelimesi kullanılarak bir fonksiyonun asenkron işlem olarak işaretlenmesi sağlanır. Aynı zamanda, await anahtar kelimesi ile bir işlem tamamlanana kadar fonksiyonda beklemesi sağlanır.
Örneğin, bir dosya yükleme işlemi için async await fonksiyonu kullanılabilir:
```
async function uploadFile(file) {
try {
await uploadToServer(file);
await addFileToDatabase(file);
console.log(Dosya başarıyla yüklendi ve veritabanına eklendi.);
} catch (error) {
console.log(Dosya yüklenirken bir hata oluştu: , error);
}
}
function uploadToServer(file) {
// Dosya yükleme işlemi
}
function addFileToDatabase(file) {
// Dosya veritabanına ekleme işlemi
}
```
Bu örnekte, uploadFile fonksiyonu async olarak tanımlanmıştır. Bu fonksiyon içerisinde, uploadToServer ve addFileToDatabase fonksiyonları await ile çağrılmıştır. Bu sayede, her işlemin tamamlanması beklenmektedir. Eğer herhangi bir hata oluşursa catch bloğu çağrılır.