İşte neden bir arayüz tanımlamamız gerektiğini ve arayüzün akıllı kullanımını anlamak için basit bir örnek.

Arayüzü tanımlamamıza rağmen, nihai hedefi veya arayüzü neden tanımladığımızı unutuyoruz.

Daha iyi anlamak için aşağıdaki örneği inceleyelim.

Burada, üç konsoldan 2'sinde yanlış özelliğe erişmeye çalıştığımızı görebiliriz, ancak TypeScript, tanımlanan arabirime göre yalnızca üçüncü konsolda bir hata algılar ve kod yalnızca 2 özellik beklerdi, yani kullanıcı geçersiz özelliğe erişmeye çalışırsa, TypeScript bunu hata olarak gösterecek ve bir derleme hatasına neden olacaktır.

Burada soru geldi, konsolun üçü için de sonuçları ne olurdu? Yani yukarıdaki konsolun sonuçları buna benzer bir şey olacaktır. Ancak bu hata hala .ts dosyasında olacaktır.

Çözüm

Typescript'teki nesnelerin özelliklerine her zaman Object.property gibi erişmeli ve Object['property'] gibi değil .

Ek İpucu

String, Number, Boolean gibi daktilo ile arayüzü tanımlarken javascript sınıflarını kullanmaktan kaçının. Bu türler, ilkel olmayan kutulu nesneleri ifade eder.

Bunun yerine string, number ve boolean gibi TypeScript sınıflarını kullanın.