TypeScript, ' kullanılarak tanımlanabilen özel türleri destekler. arayüz ' veya ' tip ”. Bir arayüz, bir sınıf veya bir nesne tarafından uygulanabilirken, bir tür takma adı yalnızca mevcut bir tür için yeni bir ad oluşturmak veya bir türler birliğini tanımlamak için kullanılabilir. Türler ve arabirimler sık sık birbirinin yerine kullanılabilse de, işlevselliklerinde ve söz dizimlerinde onları belirli senaryolar için daha uygun hale getiren belirli farklılıklar vardır.
Bu blog, TypeScript arayüzünü ve türünü ve bunların farkını açıklayacaktır.
TypeScript Arayüzü ve Type nedir?
“ Arayüz ' Ve ' tip ”, TypeScript'te özel türleri tanımlamak için kullanılır. Ancak işlevselliklerinde ve söz dizimlerinde bazı farklılıklar vardır. Bir arabirim ile bir tür arasındaki temel fark, bir arabirimin yeni bir türü tanımlamasına karşın, bir tür takma adının tanımlamamasıdır.
Bir arabirim, bir sınıf veya nesne tarafından uygulanabilirken, türler birleşimler ve kesişimler gibi özellikleri kullanarak daha karmaşık türleri tanımlayabilir. Genel olarak, arabirimler daha yaygın olarak nesne şekillerini ve API'leri tanımlamak için kullanılırken, türler daha yaygın olarak karmaşık veri türlerini ve yardımcı program türlerini tanımlamak için kullanılır. Bunların ikisini ayrı ayrı anlayalım.
TypeScript Arayüzü nedir?
TypeScript arabirimi, bir TypeScript nesnesinin şeklini tanımlama tekniğidir. “anahtar kelimesi kullanılarak oluşturulur. arayüz ” ve bir nesnenin o tür olarak sınıflandırılması için gereken bir dizi öznitelik ve yöntemi belirtir. Nesne yönelimli programlamadaki bir sınıfa eşdeğerdir; ancak, herhangi bir uygulamayı tanımlamaz. Arayüzler esas olarak tip kontrolü ve bir nesnenin belirli bir yapıya uygunluğunu sağlamak için kullanılır.
Devam etmeden önce, bir TypeScript dosyasını yürütmek için, bunun bir JavaScript dosyasına aktarılması ve ardından verilen komutları kullanarak terminalde JavaScript kodunun çalıştırılması gerektiğini unutmayın:
tsc dosyaadı.tsdüğüm dosyaadı.js
Örnek
Üç öznitelik ve bir yöntem tanımlayan 'Kullanıcı' adlı bir arabirim oluşturun ' bilgi almak() ”:
arayüz Kullanıcı {ilkAdı: dize;
soyadı: string;
yaş: sayı;
bilgi almak ( ) : geçersiz;
}
Bir sınıf oluşturun ' Öğrenci ” bu bir arayüzle miras alınır. Sınıf, özniteliklerini, özniteliklere değerleri atayacak bir yapıcıyı ve özniteliklere göre değerleri gösterecek bir 'getInfo()' yöntemini tanımlar:
ilkAdı: dize;
soyadı: string;
yaş: sayı;
inşaatçı ( firstName: dizi, soyadı: dizi, yaş: sayı ) {
this.firstName = firstName;
this.lastName = soyadı;
this.yaş = yaş;
}
bilgi almak ( ) : geçersiz {
konsol.log ( 'Öğrenci bilgileri:' )
konsol.log ( '- İsim: ' + this.ad + '' + this.soyadı ) ;
konsol.log ( '- Yaş: ' + bu.yaş ) ;
}
}
“ nesnesi oluştur Öğrenci ”adlı” std ' ile ilgili ' kullanıcı Yapıcıyı “new” anahtar kelimesiyle çağırarak ” yazın ve ardından verileri konsolda yazdırmak için getInfo() yöntemini çağırın:
std.getInfo ( ) ;
Çıktı
TypeScript Türü nedir?
TypeScript türleri çoğunlukla mevcut türler için takma adlar oluşturmak ve daha karmaşık türler oluşturmak için kullanılır. Belirli bir veri şeklini veya yapısını temsil eder. “ ile tanımlanabilir/bildirilebilir. tip ” anahtar kelime. TypeScript'in türleri, kodu daha anlaşılır hale getirmek ve tekrarı/tekrarlamayı azaltmak için kullanılabilir.
Örnek
İlk olarak, bir tür tanımlayın ' kullanıcı ' kullanmak ' tip ” anahtar kelimesi, beş özellik ile belirtilmiştir, bunlardan biri isteğe bağlı bir özelliktir, “ telefon ”:
tip kullanıcı = {ilkAdı: dize;
soyadı: string;
yaş: sayı;
e-posta: dizi;
telefon?: dizi;
} ;
“ adlı bir işlev tanımlayın. getTamAdı ' türünde bir parametre alan ' kullanıcı ” ve “ dahil olmak üzere kişinin bilgilerinden oluşan verileri yazdırır. isim ”, “ yaş ”, “ e-posta ' Ve ' telefon numarası ”:
konsol.log ( 'Kullanıcı bilgisi:' )
konsol.log ( '- İsim: ' + kişi.adı + '' + kişi.soyadı ) ;
konsol.log ( '- Yaş: ' + kişi.yaş ) ;
konsol.log ( '- E-posta: ' + kişi.e-posta ) ;
konsol.log ( '-Telefon #: ' + kişi.telefon ) ;
}
Şimdi, bir nesne oluşturun ' kişi ' türü ' kullanıcı ” anahtar/değer çiftleriyle:
ilk adı: 'Mily' ,
soy isim: 'Michael' ,
yaş: 28 ,
e-posta: 'mili124@yahoo.com' ,
telefon: '086-34581734'
} ;
Son olarak, getInfo() işlevini çağırarak kullanıcı bilgilerini yazdırın:
Çıktı
Bu tamamen TypeScript arabirimi ve türüyle ilgiliydi.
Çözüm
TypeScript'te, “ arayüz ' Ve ' tip ”, özel türleri tanımlamak için kullanılır. Bir arabirim, bir sınıf veya nesne tarafından uygulanabilirken, türler birleşimler ve kesişimler gibi özellikleri kullanarak daha karmaşık türleri tanımlayabilir. Bunlar, daha düzenli ve ölçeklenebilir kod yazmaya yardımcı olabilecek güçlü özelliklerdir. Bu blog, TypeScript arayüzünü ve türünü ve bunların farkını açıkladı.