Interface'lere Giriş

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

Interface'ler nesneler için tür takma adlarıyla aynı temel amaca hizmet eder, ancak farklı bir söz dizimi kullanır ve bazı benzersiz özellikler sunar.

Bir interface, interface anahtar sözcüğü ve ardından interface adı ile süslü parantezler içinde nesne yapısı kullanılarak tanımlanır:

interface Animal {
  name: string;
  sound: string;
}

let dog: Animal = {
  name: "Buddy",
  sound: "Woof"
};

Sözdizimi temiz ve anlaşılırdır - interface gövdesi içinde özellikleri ve türlerini listelemeniz yeterlidir. Tanımlandıktan sonra, tıpkı tür takma adlarında olduğu gibi, kodunuzun herhangi bir yerinde interface adını tür açıklaması olarak kullanabilirsiniz.

Görev

Kolay

Aşağıdaki özelliklere sahip Pet adlı bir interface oluştur:

string türünde name
string türünde species
number türünde age
boolean türünde isVaccinated

Aşağıdaki özelliklere sahip Vehicle adlı bir interface oluştur:

string türünde make
string türünde model
number türünde year

interface'lerini kullanarak aşağıdaki variables değişkenlerini oluştur:

Pet türünde, name değeri "Buddy", species değeri "Golden Retriever", age değeri 3 ve isVaccinated değeri true olan myDog adlı bir değişken oluştur
Pet türünde, name değeri "Whiskers", species değeri "Persian", age değeri 2 ve isVaccinated değeri false olan myCat adlı bir değişken oluştur
Vehicle türünde, make değeri "Toyota", model değeri "Camry" ve year değeri 2022 olan myCar adlı bir değişken oluştur

Pet türünde bir parametre kabul eden ve "[name] is a [age]-year-old [species]" biçiminde bir string döndüren describePet adlı bir function oluştur.

Vehicle türünde bir parametre kabul eden ve "[year] [make] [model]" biçiminde bir string döndüren getVehicleInfo adlı bir function oluştur.

Aşağıdaki outputs değerlerini ayrı satırlarda yazdır:

describePet'i myDog ile çağır ve sonucu yazdır
describePet'i myCat ile çağır ve sonucu yazdır
getVehicleInfo'yu myCar ile çağır ve sonucu yazdır
myDog'un aşı durumunu (isVaccinated özelliğini) yazdır

Kendin dene

// TODO: Kodunuzu buraya yazın

// Pet arayüzünü oluşturun

// Vehicle arayüzünü oluşturun

// Arayüzlerinizi kullanarak değişkenleri oluşturun

// describePet fonksiyonunu oluşturun

// getVehicleInfo fonksiyonunu oluşturun

// Gerekli çıktıları yazdırın