IIFE 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; } IIFE Nedir? IIFE, JavaScript'te tanımlandığı anda çalıştırılan bir fonksiyon türüdür. "Immediately Invoked Function Expression" (Anında Çalıştırılan Fonksiyon İfadesi), kapsülleme sağlayarak değişkenlerin ve fonksiyonların dış ortamdan izole edilmesini sağlar ve yalnızca bir kez çalıştırılması gereken kodlar için kullanılır. IIFE'nin Özellikleri Kapsülleme sağlar: IIFE içinde tanımlanan değişkenler dış ortamdan erişilemez. Global değişken kirliliğini önler: Kodun global alanda yeni değişkenler oluşturmasını engeller. Bir kez çalışır: Fonksiyon yalnızca bir kez çalışır ve sonuç üretir. 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%; } IIFEExample.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 = ` // IIFE Örneği // IIFE, tanımlandığı anda çalıştırılır. // Parantezler, fonksiyonu bir ifade haline getirir ve ardından çalıştırılır. (function() { const mesaj = "IIFE içerisinde tanımlanan değişken"; console.log(mesaj); // "IIFE içerisinde tanımlanan değişken" })(); // console.log(mesaj); // Hata: mesaj tanımlı değil. Çünkü mesaj, IIFE'nin kapsamındadır. // IIFE ile modüler yapı const myModule = (function() { // Özel bir veri ve işlev tanımlanır const özelVeri = "Bu veri sadece modül içinde geçerlidir"; function özelFonksiyon() { return \`Erişim: \${özelVeri}\`; } // Dışa açılan genel işlev return { genelFonksiyon: function() { return özelFonksiyon(); } }; })(); console.log(myModule.genelFonksiyon()); // "Erişim: Bu veri sadece modül içinde geçerlidir" // console.log(myModule.özelVeri); // Hata: özelVeri dışarıdan erişilemez. `; initializeCodeMirror('editor5', code5);

IIFE Nedir?

İlgili Makaleler

Scope Türleri Nelerdir?

Hoisting Nedir?

Promises Nedir?

Passing Data by Value Nedir?

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