Interface'lere Metot Ekleme

Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası — ders 43 / 73.

TypeScript arayüzleri, özellik tanımlarının yanı sıra metot imzalarını da dahil ederek bu davranışları tanımlamanıza olanak tanır.

Bir arayüzdeki (interface) metot imzası, gerçek uygulamayı sağlamadan bir metodun adını, parametrelerini ve dönüş türünü belirtir. Bu, arayüze uyan herhangi bir nesnenin yerine getirmesi gereken bir sözleşme oluşturur:

interface Person {
  name: string;
  age: number;
  greet(): string;  // Metot imzası
}

let user: Person = {
  name: "Alice",
  age: 30,
  greet() {
    return `Hello, I'm ${this.name}`;
  }
};

greet(): string metot imzası, TypeScript'e Person arayüzünü uygulayan herhangi bir nesnenin, hiçbir parametre almayan ve bir dize döndüren bir greet metoduna sahip olması gerektiğini söyler. Gerçek uygulama farklı nesneler arasında farklılık gösterebilir, ancak imza tam olarak eşleşmelidir.

Görev

Kolay

Aşağıdaki özelliklere ve metotlara sahip Calculator adında bir arayüz (interface) oluşturun:

string türünde brand
string türünde model
boolean türünde isScientific
İki adet number parametresi alan ve bir number döndüren add metodu
Parametre almayan ve bir string döndüren getInfo metodu

Aşağıdaki özelliklere ve metotlara sahip BankAccount adında bir arayüz (interface) oluşturun:

string türünde accountNumber
number türünde balance
boolean türünde isActive
Bir number parametresi alan ve void döndüren deposit metodu
Parametre almayan ve bir number döndüren getBalance metodu

Arayüzlerinizi kullanarak aşağıdaki değişkenleri oluşturun:

brand değeri "Casio", model değeri "FX-991EX", isScientific değeri true olan, iki parametresinin toplamını döndüren bir add metoduna ve "[brand] [model]" döndüren bir getInfo metoduna sahip, Calculator türünde myCalculator adında bir değişken oluşturun
accountNumber değeri "SAV-12345", balance değeri 1500, isActive değeri true olan, parametreyi bakiyeye ekleyen bir deposit metoduna ve güncel bakiyeyi döndüren bir getBalance metoduna sahip, BankAccount türünde savingsAccount adında bir değişken oluşturun

Aşağıdaki çıktıları ayrı satırlara yazdırın:

myCalculator üzerindeki getInfo metodunu çağırın ve sonucu yazdırın
myCalculator üzerindeki add metodunu 15 ve 27 argümanlarıyla çağırın ve sonucu yazdırın
savingsAccount üzerindeki getBalance metodunu çağırın ve sonucu yazdırın
savingsAccount üzerindeki deposit metodunu 250 argümanıyla çağırın
savingsAccount üzerindeki getBalance metodunu tekrar çağırın ve sonucu yazdırın
myCalculator nesnesinin isScientific özelliğini yazdırın

Kendin dene

// TODO: Kodunuzu buraya yazın
// Gerekli özelliklere ve metotlara sahip Calculator arayüzünü (interface) oluşturun
// Gerekli özelliklere ve metotlara sahip BankAccount arayüzünü (interface) oluşturun
// Calculator türünde myCalculator değişkenini oluşturun
// BankAccount türünde savingsAccount değişkenini oluşturun
// Tüm gerekli çıktıları yazdırın