CodeBlanks Logo Icon CodeBlanks

Object methods

Nesne içinde metot tanımlamayı öğrenirsin.

Object methods

Nesnenin bir özelliği fonksiyon ise buna metot denir. Nesne literalında metotları kısa yazım (shorthand) ile tanımlayabilirsin: { greet() { return 'merhaba'; } }. Bu yazım, greet: function () { ... } ile aynı anlama gelir.

Metot içinde this anahtar sözcüğü nesnenin kendisine işaret eder. Böylece this.name ile aynı nesnedeki diğer özelliklere erişebilirsin. Örnek: const user = { name: 'Ayşe', greet() { return 'Merhaba ' + this.name; } }.

Metot çağrısı nokta ile yapılır: user.greet(). Parantez olmadan yalnızca fonksiyonun kendisini alırsın; çağırmak için parantez gerekir.

Object.keys, values, entries

JavaScript, bir nesnenin özelliklerini listelemek için üç yardımcı metot sunar: Object.keys, Object.values ve Object.entries. Bunlar nesnenin kendisinde değil, Object yapısında tanımlıdır.

Object.keys(user) özellik adlarını bir dizi olarak döndürür. Object.values(user) değerleri döndürür. Object.entries(user) ise [ad, deger] çiftlerinden oluşan bir dizi verir.

Örnek: Object.keys({ a: 1, b: 2 }) sonuçu ['a', 'b']'dir. Bu metotları döngü ve arama işlemlerinde kullanabilirsin.

Uygulama Hesap makinesi nesnesi

calc adında bir nesne tanımla. value özelliği 10 olsun. double() metodu this.value * 2 değerini döndürsün. Metodu çağırıp sonuçu console.log ile yazdır.

Başlangıç kodu

index.js
// calc nesnesini tanımla, double() metodunu çağır ve sonuçu yazdır

Örnek çözüm

index.js
const calc = { value: 10, double() { return this.value * 2; } };
console.log(calc.double());

Beklenen çıktı

20

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Metot içinde this neyi gösterir?

  • Global nesneyi
  • Fonksiyonun kendisini
  • Yeni bir nesne
  • Metodun bağlı olduğu nesneyi Doğru cevap

Açıklama: this metodun çağrıldığı nesneye işaret eder.

2 this ile eriş

Soru
const user = { name: 'Ayşe', greet() { return 'Merhaba ' + this.____; } };
Cevap
const user = { name: 'Ayşe', greet() { return 'Merhaba ' + this.name; } };

Açıklama: this.name ile user nesnesinin name özelliği alınır.

3 Object yardımcılarını eşle

Kavram Anlamı
Object.keys(o) Adlar dizisi
Object.values(o) Değerler dizisi
Object.entries(o) Ad-değer çiftleri
o.method() Metot çağrısı

Başlangıç bölümündeki tüm dersler