Özet - Closure

Closure ve IIFE kullanarak dışarıdan erişilemeyen özel değişkenleri olan bir banka hesabı yazarsın.

Özet - Closure

Bu grupta closure'ın ne olduğunu, üretici fonksiyonlar ile özel durum üretmeyi, IIFE ile izole kapsamlar oluşturmayı, module deseni ile herkese açık API tasarlamayı ve döngüdeki closure tuzağını öğrendin.

Şimdi tüm bunları bir araya getireceğiz: dışarıdan erişilemeyen bir balance tutan, yalnızca deposit, withdraw ve getBalance metodlarını açan bir banka hesabı yazacağız.

Uygulama Banka hesabı yaz

createAccount(initial) adında bir fonksiyon tanımla. İçinde let balance = initial ile özel bir bakiye tut. Döndürülen nesnede üç metod olsun: deposit(amount) bakiyeyi artırıp döndürür, withdraw(amount) bakiyeyi azaltıp döndürür, getBalance() bakiyeyi döndürür. Sonra createAccount(100) ile bir hesap oluştur, deposit(50) ve getBalance() çağrılarını yazdır.

Örnek çözümü göster

function createAccount(initial) {
  let balance = initial;
  return {
    deposit: function(amount) { balance += amount; return balance; },
    withdraw: function(amount) { balance -= amount; return balance; },
    getBalance: function() { return balance; }
  };
}

const acc = createAccount(100);
console.log(acc.deposit(50));
console.log(acc.getBalance());

Uygulama Yetersiz bakiye koruması ekle

Aşağıdaki createAccount tanımını al ve withdraw metodunu güncelle: bakiye yetersizse throw new Error("Yetersiz bakiye") fırlat. Yoksa bakiyeyi azaltıp döndür. Denetim if (balance < amount) ile başlasın.

Örnek çözümü göster

function createAccount(initial) {
  let balance = initial;
  return {
    deposit: function(amount) { balance += amount; return balance; },
    withdraw: function(amount) {
      if (balance < amount) {
        throw new Error("Yetersiz bakiye");
      }
      balance -= amount;
      return balance;
    },
    getBalance: function() { return balance; }
  };
}

const acc = createAccount(100);
console.log(acc.withdraw(50));

Kendini test et

Kavramları eşleştir

closure

Yakalanan değişkeni anımsar
IIFE

Tanımlandığı anda çalışır
module pattern

Özel durumu korur
factory function

Fonksiyon üretir
let in loop

Tuzaktan korur

Bakiyeyi oku

function createAccount(initial) {
  let balance = initial;
  return {
    getBalance: function() { return ____; }
  };
}

Cevabı göster

function createAccount(initial) {
  let balance = initial;
  return {
    getBalance: function() { return balance; }
  };
}

Sıradaki ders: DOM nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler