Typescript Interface (arayüz) 25.12.2017

Merhaba arkadaşlar, Typescript bize object oriented dillerin özelliği olan interface kullanımını sağlıyor. Interface ne işe yarar ve nasıl kullanılır bunu bir örnekle göstereceğim, öncesinde faydasından biraz bahsedeyim;

Interface bir rehberdir.

Interface bize fonksiyon ve class'larımız için bir şablon oluşturma imkanı sağlar. Bu ne işe yarar, yazdığımız kodun tam da istenilen biçimde yazılmasını sağlar.Yani eğer rehber edindiğimiz interface'de yer almayan bir özellik veya metod kullanırsak typescript derleme sırasında bize hata döndürecektir ve daha düzgün bir kod yazmamızı sağlayacaktır.

Nerede kullanılmalı?

Belirli bir yapıya sahip olmasını istediğimiz class'lar ve fonksiyonlarda kullanmalıyız, her yerde kullanmamıza gerek yok.

Örnek:

interface userInterface{
username:string;
email:any;
password:any;
age:number;

uploadAvatar():void;
}

function registerNewUser(user):userInterface {
const item = {
username: user.username,
email: user.email,
password: user.password,
age: user.age,
uploadAvatar: () => {
console.log("upload avatar: "+ user.avatar);
}
};

item.uploadAvatar();

return item;
}

registerNewUser({
username: "Gradar",
email: "tmr.durgun@gmail.com",
password: "123465",
age: 31,
avatar: "avatar1.jpg"

}); 

Sevgiler.