JavaScript'te Callback Fonksiyonları

Adı : JavaScript'te Callback Fonksiyonları

JavaScript'te Callback Fonksiyonları
JavaScript, asenkron programlama dili olan bir dil olduğu için işlemlerin bitmesini beklemek yerine, sonuçların gelmesini bekler ve diğer işlemleri çalıştırmaya devam eder. Callback fonksiyonları ise bu asenkron yapıyı desteklemek için kullanılır.
Callback fonksiyonları, bir işlemin bitmesini beklemek yerine, bir işlem yürütüldüğünde ya da bir işlem başarılı bir şekilde sonuçlandığında yürütülecek bir fonksiyon olarak tanımlanabilir. Bu fonksiyon, bir parametre olarak başka bir fonksiyona geçirilebilir ve yürütülmesi gerektiğinde kullanılabilir.
Callback fonksiyonlarının kullanımına örnek olarak, bir web sayfasında kullanıcının tıkladığı bir butonun arka planda çalışan bir işlemi başlatması verilebilir. Bu işlem, veri tabanından çıktı almak ya da bir API'den veri çekmek gibi zaman alan işlem olabilir. Bu işlem bitmeden sayfanın açık kalması ve kullanıcının diğer işlemleri yapabilmesi için callback fonksiyonları kullanılabilir.
Örneğin;
```javascript\n// Basit bir callback fonksiyon örneği
function uyandir(callback) {\n console.log('Uyanmak için alarmı kurdunuz.');\n setTimeout(() => callback(), 2000); // 2 saniye bekle\n}
function kalk() {\n console.log('Günaydın!');\n}
uyandir(kalk); // uyandır fonksiyonunda kalk fonksiyonu callback olarak belirtildi.\n```
Yukarıdaki örnekte, uyandir fonksiyonu, bir alarm kurar ve belirtilen sürenin ardından callback fonksiyonunu yürütür. Kalk fonksiyonu ise bu callback fonksiyonunun içinde tanımlanır ve 2 saniye bekledikten sonra, ekrana Günaydın! yazdırır.
Bu şekilde, bir işlem bittikten sonra başka bir işlemin çalışmasını sağlayan callback fonksiyonları, esnek bir programlama yapısı sağlar ve asenkron işlemlerin yönetimini kolaylaştırır.
Callback fonksiyonları, javascript'te oldukça yaygın kullanılır. Örneğin, bir formu submit ettikten sonra server tarafında belirli bir işlemi yürütmek istediğimizi düşünelim. Bu işlem tamamlandığında, bir sonuç döndürmesini ve bu sonucu kullanıcının görmesini isteyebiliriz. Bu noktada, callback fonksiyonları kullanarak sonucun başarıyla geldiğini kontrol edebiliriz.
```javascript\n// AJAX ile birlikte callback kullanarak veri çekme örneği
function veriCek(url, callback) {\n const request = new XMLHttpRequest();\n request.open('GET', url);\n request.onload = () => callback(request.responseText);\n request.send();\n}\nveriCek('https://jsonplaceholder.typicode.com/users', (veri) => {\n let kullanici = JSON.parse(veri)[0];\n console.log(`İlk kullanıcının adı : ${kullanici.name}`);\n});\n```
Bu örnek, AJAX çağrısı ile veri çektikten sonra, geri dönen veriyi callback fonksiyonu ile işliyor. Callback fonksiyonu, veri çekme işlemi başarılı bir şekilde tamamlandığında çalıştığı için, çekilen veriyi kullanabiliyoruz.
Sonuç olarak, callback fonksiyonları, asenkron yapıdaki işlemlerin yönetimini kolaylaştıran ve kodun daha esnek ve okunaklı hale getiren önemli bir özelliktir. Fonksiyonlara parametre olarak verilebilen bu fonksiyonlar, JavaScript'te oldukça yaygın olarak kullanılmaktadır ve hemen hemen her projede mutlaka karşımıza çıkarlar.