Menu
CoddyTech

Doğrulama ve Yan Etkiler

Coddy'nin JavaScript Journey'sinin Nesne Yönelimli Programlama bölümünün bir parçası. Ders 45 / 56.

Getter ve setter'lar, özellikleri yalnızca okuyup yazmaktan fazlasını yapabilir; girdileri doğrulayabilir ve değerler değiştiğinde yan etkileri tetikleyebilir.

Doğrulama içeren bir User sınıfı oluşturalım:

class User {
  constructor(name, age) {
    this._name = name;
    this._age = age;
  }
  get age() {
    return this._age;
  }
  set age(value) {
    // Yaşın bir sayı olduğunu ve makul bir aralıkta bulunduğunu doğrula
    if (typeof value !== 'number') {
      throw new Error('Age must be a number');
    }
    if (value < 0 || value > 120) {
      throw new Error('Age must be between 0 and 120');
    }
    this._age = value;
    // Yan etki: yaş değiştiğinde bunu günlüğe kaydet
    console.log(`Age updated to ${value}`);
  }
}

Şimdi ayarlayıcıyı kullandığımızda doğrulama otomatik olarak gerçekleşir:

const user = new User('Alice', 25);
// Bu çalışır
user.age = 30;  // Günlüğe yazar: "Age updated to 30"
// Bu bir hata oluşturur
user.age = -5;  // Hata: Age, 0 ile 120 arasında olmalıdır
// Bu da bir hata oluşturur
user.age = "thirty";  // Hata: Age bir sayı olmalıdır

Doğrulama = Bir değeri saklamadan önce geçerli olup olmadığını kontrol etme
Yan Etkiler = Bir özellik değiştiğinde gerçekleşen ek işlemler

challenge icon

Görev

Temel bir ayarlayıcıya sahip bir BankAccount sınıfı veriliyor. Görevin balance ayarlayıcısını tamamlamak.

Ayarlayıcıya şunları ekle:

  1. Doğrulama: value bir sayı değilse VEYA 0'dan küçükse console.log("Invalid balance") kullan ve ayarlayıcıdan çıkmak için return kullan
  2. Yan Etki: Geçerli bir değeri kaydettikten sonra console.log(\`Balance updated to $${value}\`)

Kendin dene

import { BankAccount } from './account.js';

// Test durumları
const account = new BankAccount("Savings");

// Test 1: Geçerli bakiye
account.balance = 100;
console.log(account.balance);

// Test 2: Invalid balance (negatif)
account.balance = -50;
console.log(account.balance);

// Test 3: Invalid balance (sayı değil)
account.balance = "abc";
console.log(account.balance);

quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Nesne Yönelimli Programlama bölümündeki tüm dersler

Kendi başına pratik yap: Online JavaScript derleyicisi