Currying 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; } Currying Nedir? Currying, bir fonksiyonun tüm argümanlarını aynı anda almak yerine, her seferinde bir argüman alarak başka bir fonksiyon döndürmesi işlemidir. Bu yöntem, fonksiyonları daha modüler hale getirir ve argümanların kademeli olarak geçirilmesine olanak tanır. 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%; } CurryingExamples.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 = ` // Currying Örnekleri // 1. Temel Currying Örneği // Bir fonksiyon bir argüman alır ve başka bir fonksiyon döndürür. function multiply(a) { return function (b) { return a * b; }; } // İlk argümanı sabitlemek için kullanılır const multiplyByThree = multiply(3); // İlk argüman 3 console.log(multiplyByThree(5)); // 15 console.log(multiplyByThree(10)); // 30 // 2. Daha Kısa Yazımla Currying // ES6 arrow fonksiyonları ile daha okunabilir bir yazım const add = (a) => (b) => a + b; console.log(add(3)(4)); // 7 console.log(add(10)(20)); // 30 // 3. Currying Kullanarak Fonksiyon Özelleştirme // Giriş değerlerini özelleştirip yeni fonksiyonlar türetme function greet(greeting) { return function (name) { return \`\${greeting}, \${name}!\`; }; } const sayHello = greet("Merhaba"); console.log(sayHello("Ali")); // "Merhaba, Ali!" console.log(sayHello("Ayşe")); // "Merhaba, Ayşe!" // 4. Currying ile Karmaşık Hesaplama // Çoklu argüman alan bir fonksiyon, adım adım kullanılabilir. const calculateVolume = (length) => (width) => (height) => length * width * height; console.log(calculateVolume(2)(3)(4)); // 24 `; initializeCodeMirror('editor5', code5);

Currying Nedir?

İlgili Makaleler

Scope Nedir?

Event Loop Nedir?

Local Scope Nedir?

Callback Functions Nedir?

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