Callback Functions Nedir?

.card { background: #fff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */ padding: 20px; width: 100%; /* Tam genişlik */ box-sizing: border-box; text-align: left; margin: 20px auto; /* Üst ve alt boşluk */ } .question { font-size: 1.5em; margin-bottom: 10px; color: #333; font-weight: bold; } .answer { font-size: 1.2em; color: #555; line-height: 1.5; } Callback Functions Nedir? Callback function, JavaScript'te bir fonksiyonun, başka bir fonksiyonun argümanı olarak geçirilip çağrılmasıyla kullanılan bir yöntemdir. Callback, bir işlemin tamamlanmasından sonra yürütülmesi gereken kodu temsil eder. Callback Fonksiyonlarının Kullanımı Callback fonksiyonları, özellikle asenkron işlemleri yönetmek için yaygın olarak kullanılır. Örneğin: Veri Alma İşlemleri (AJAX, API çağrıları) Dosya Okuma Zamanlayıcılar (setTimeout, setInterval) body { margin: 0; font-family: Arial, sans-serif; } .editor5-container { display: flex; flex-direction: column; height: 60vh; } .editor5-header { display: flex; justify-content: space-between; align-items: center; background-color: #f7f7f7; border-bottom: 2px solid #ccc; padding: 10px; font-size: 18px; font-weight: bold; color: #00796b; } .copy-button5 { background-color: #00796b; color: white; border: none; padding: 8px 16px; cursor: pointer; border-radius: 4px; font-size: 14px; transition: background-color 0.3s, color 0.3s; } .copy-button5.copied { background-color: #4caf50; color: white; } .CodeMirror { height: 100%; } CallbackExample.js Kopyala function initializeCodeMirror(editorId5, code5) { const editor5 = CodeMirror.fromTextArea(document.getElementById(editorId5), { mode: { name: "javascript", jsx: true }, theme: 'dracula', lineNumbers: true, autoCloseBrackets: true, matchBrackets: true, tabSize: 2, readOnly: true }); editor5.setValue(code5.trim()); const copyButton = document.getElementById('copyButton5'); copyButton.addEventListener('click', async () => { try { await navigator.clipboard.writeText(editor5.getValue()); copyButton.textContent = 'Kopyalandı!'; copyButton.classList.add('copied'); setTimeout(() => { copyButton.textContent = 'Kopyala'; copyButton.classList.remove('copied'); }, 2000); } catch (err) { console.error('Kod kopyalanırken bir hata oluştu: ', err); } }); return editor5; } const code5 = ` // Callback Function Örneği // Asenkron işlem simülasyonu function fetchData(callback) { console.log("Veri alınıyor..."); setTimeout(() => { const data = "Alınan veri"; // Alınan veri callback(data); // Callback ile veri işleniyor }, 2000); // 2 saniye bekleme } // Callback fonksiyonu function processData(data) { console.log("Veri işlendi:", data); // Veriyi işleme } // fetchData fonksiyonunu çağır ve processData fonksiyonunu callback olarak geçir fetchData(processData); `; initializeCodeMirror('editor5', code5);

Callback Functions Nedir?

İlgili Makaleler

Backwards-Compatible Nedir?

Currying Nedir?

Memory Leak Nedir?

Promises Nedir?

Bir yanıt yazın Yanıtı iptal et