Property 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; } Property Nedir? Property (özellik), JavaScript'te bir nesnenin sahip olduğu anahtar-değer (key-value) çifti veya fonksiyonel davranışı tanımlayan bir kavramdır. Bir nesnenin durumunu (state) ve/veya davranışını (behavior) ifade eder. Nesne içindeki anahtar-değer çiftleri, nesnenin durumunu tanımlayan data property (veri özellikleri) olarak adlandırılırken, nesneye ait fonksiyonel davranışlar ise method (metot) olarak adlandırılı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%; } PropertyExamples.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 = ` // Örnek 1: Data Property (Veri Özelliği) // Bir nesnenin durumunu tanımlayan anahtar-değer çiftleri. const person = { name: "Alice", // Data property: Nesnenin bir özelliği. age: 30 // Data property: Nesnenin bir başka özelliği. }; // Örnek 2: Method (Metot) // Bir nesnenin davranışlarını tanımlayan fonksiyonlar. const calculator = { add: function(a, b) { return a + b; // Method: Fonksiyon, iki sayıyı toplar. }, subtract: function(a, b) { return a - b; // Method: Fonksiyon, iki sayıyı çıkarır. } }; // Örnek 3: Accessor Property (Getter ve Setter) // Dinamik değer hesaplama veya ayarlama için kullanılır. const user = { firstName: "John", lastName: "Doe", get fullName() { return \`\${this.firstName} \${this.lastName}\`; // Getter: Dinamik olarak tam adı döndürür. }, set fullName(name) { const parts = name.split(" "); this.firstName = parts[0]; this.lastName = parts[1]; } }; // Kullanım: console.log(person.name); // "Alice" console.log(calculator.add(5, 3)); // 8 console.log(user.fullName); // "John Doe" user.fullName = "Jane Smith"; // Setter: İsmi günceller. console.log(user.firstName); // "Jane" `; initializeCodeMirror('editor5', code5);

Property Nedir?

İlgili Makaleler

Compiler Nedir?

Promises Nedir?

Scope Türleri Nelerdir?

IIFE Nedir?

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