get ve set trap'leri

get ve set trap'leri ile özellik okuma ve yazmayı yakalamayı öğrenirsin.

get trap'i

get trap, bir özelliği okuduğunda çalışır. proxy.name yazdığında, handler üzerindeki get metodu çağrılır ve dönüş değeri sana verilir.

const handler = {
  get(target, prop) {
    return target[prop];
  }
};

Trap imzası get(target, prop, receiver) şeklindedir. target sarılan nesne, prop okunan özellik adı, receiver ise Proxy'nin kendisidir. Buradan istediğin değeri döndürebilirsin; böylece okumayı gizleyebilir veya dönüştürebilirsin.

set trap'i

set trap, bir özelliğe değer atadığında çalışır. proxy.age = 28 yazdığında handler üzerindeki set metodu çağrılır.

const handler = {
  set(target, prop, value) {
    target[prop] = value;
    return true;
  }
};

Trap imzası set(target, prop, value, receiver) şeklindedir. value atanmak istenen yeni değerdir. set trap true döndürmelidir; aksi halde katı modda atama başarısız olur. Buradan değeri doğrulayabilir, dönüştürebilir veya reddedebilirsin.

Uygulama get ve set trap'lerini yaz

user adında name özelliği olan bir nesne tanımla. handler içinde get ve set trap'lerini yaz: get trap target[prop] döndürsün, set trap target[prop] = value yapıp true döndürsün. proxy değişkenini new Proxy(user, handler) ile oluştur. proxy.age = 28 ata ve console.log(proxy.age) ile yazdır.

Örnek çözümü göster

const user = { name: 'Ayşe' };
const handler = {
  get(target, prop) {
    return target[prop];
  },
  set(target, prop, value) {
    target[prop] = value;
    return true;
  }
};
const proxy = new Proxy(user, handler);
proxy.age = 28;
console.log(proxy.age);

Kendini test et

get trap içinde değeri döndür

get(target, prop) {
  return ____;
}

Cevabı göster

get(target, prop) {
  return target[prop];
}

get trap kaç parametre alır?
- target, prop ve receiver
- sadece target
- yalnızca prop
- target ve value
Cevabı göster

target, prop ve receiver — Doğru! get trap; target, prop ve receiver olmak üzere üç parametre alır.
get ve set trap kavramlarını eşleştir

get trap

okumayı yakalar
set trap

yazmayı yakalar
target

orijinal nesne
value

yeni değer

Sıradaki ders: has, deleteProperty trap'leri

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler