Semak Jenis Antara Muka TypeScript: A Journey to Runtime Verification
TypeScript menawarkan keupayaan semakan jenis untuk memastikan ketepatan kod. Walau bagaimanapun, apabila berurusan dengan antara muka, mengesahkan sama ada pembolehubah melaksanakan antara muka pada masa jalanan boleh menjadi mencabar.
Pertimbangkan kod berikut:
interface A { member: string; } var a: any = { member: "foobar" }; if (a instanceof A) alert(a.member);
Kod ini menimbulkan ralat semasa penyusunan, menyatakan bahawa "Nama A tidak wujud dalam skop semasa." Walaupun pengisytiharan antara muka, TypeScript menghadapi masalah pada masa jalan kerana kekurangan perwakilan antara muka dalam JavaScript.
Pengawal Jenis Tersuai TypeScript
Untuk mengatasi had ini, TypeScript memperkenalkan tersuai jenis pengawal, membolehkan anda menyemak antara muka tanpa bergantung pada instanceof. Berikut ialah contoh:
interface A { member: string; } function instanceOfA(object: any): object is A { return 'member' in object; } var a: any = { member: "foobar" }; if (instanceOfA(a)) { alert(a.member); }
Kod ini berjaya menyemak sama ada a melaksanakan antara muka A menggunakan pengawal jenis instanceOfA.
Mengendalikan Pelaksanaan Antara Muka Kompleks
Untuk senario di mana antara muka mempunyai berbilang ahli, pendekatan diskriminasi boleh berguna. Berikut ialah contoh mudah:
interface A { discriminator: 'I-AM-A'; member: string; } function instanceOfA(object: any): object is A { return object.discriminator === 'I-AM-A'; } var a: any = { discriminator: 'I-AM-A', member: "foobar" }; if (instanceOfA(a)) { alert(a.member); }
Dalam kes ini, sifat diskriminator bertindak sebagai pengecam unik untuk objek yang melaksanakan antara muka A.
Kesimpulan
Pengawal jenis tersuai TypeScript dan pendekatan diskriminator memperkasakan pembangun untuk melakukan semakan jenis masa jalan pada antara muka, memastikan ketepatan kod dan mencegah kemungkinan ralat.
Atas ialah kandungan terperinci Bagaimana untuk Melakukan Pemeriksaan Jenis Runtime pada Antara Muka dalam TypeScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!