Metot tanımlama
Nesne içinde metot tanımlamayı ve kısa yazım şeklini öğrenirsin.
Metot nedir?
Bir nesnenin içinde tanımlanan fonksiyona metot denir. Metotlar nesnenin davranışını tanımlar ve diğer özellikler gibi anahtarla erişilir.
const greeter = {
name: 'Ayşe',
greet: function() {
return 'Merhaba!';
}
};
greeter.greet(); // 'Merhaba!'Çağırırken özellik adından sonra parantez açarsın. Parantez olmadan yalnızca fonksiyonun kendisini elde edersin, sonucunu değil.
Metot kısa yazımı
ES2015'ten beri metotları daha kısa yazabilirsin. function anahtar kelimesini atlayıp doğrudan ad ve parantez kullanırsın.
const greeter = {
name: 'Ayşe',
greet() {
return 'Merhaba!';
}
};Bu yazım modern JavaScript'te yaygındır ve function yazımına eşdeğerdir. Kısa yazım fonksiyonel olarak aynı davranışı verir, yalnızca daha az yazarsın.
Uygulama Hesap makinesi nesnesi
calc adında bir nesne oluştur. Kısa yazım kullanarak add metodu tanımla; bu metot a ve b parametrelerini alıp toplamlarını döndürsün. Sonra console.log(calc.add(3, 5)) ile sonucu yazdır.
Örnek çözümü göster
const calc = {
add(a, b) {
return a + b;
}
};
console.log(calc.add(3, 5));Kendini test et
-
Metodu nasıl çağırırsın?
const greeter = { greet: function() { return 'Merhaba!'; } };- greeter.greet
- greet()
- greeter->greet()
- greeter.greet()
Cevabı göster
greeter.greet() — Doğru! Metodu çağırmak için parantez eklersin.
-
Metot çağır
const greeter = { greet() { return 'Merhaba!'; } }; greeter.greet____;Cevabı göster
const greeter = { greet() { return 'Merhaba!'; } }; greeter.greet(); -
Yazım biçimini eşleştir
- greet: function() {}
- uzun yazım
- greet() {}
- kısa yazım
- greet()
- metot çağrısı