TypeScript menyokong jenis tersuai, yang boleh ditakrifkan menggunakan sama ada ' antara muka ” atau “ menaip ”. Antara muka boleh dilaksanakan oleh kelas atau objek, manakala alias jenis hanya boleh digunakan untuk mencipta nama baharu untuk jenis sedia ada atau untuk menentukan gabungan jenis. Walaupun jenis dan antara muka kerap boleh ditukar ganti, terdapat perbezaan tertentu dalam fungsi dan sintaksnya yang menjadikannya lebih sesuai untuk senario tertentu.
Blog ini akan menerangkan antara muka dan jenis TypeScript serta perbezaannya.
Apakah Antara Muka TypeScript vs Jenis?
“ Antara muka ” dan “ menaip ” digunakan untuk menentukan jenis tersuai dalam TypeScript. Tetapi terdapat beberapa perbezaan dalam fungsi dan sintaksnya. Perbezaan utama antara antara muka dan jenis ialah antara muka mentakrifkan jenis baharu, manakala alias jenis tidak.
Antara muka boleh dilaksanakan oleh kelas atau objek, manakala jenis boleh menentukan jenis yang lebih kompleks menggunakan ciri seperti kesatuan dan persimpangan. Secara umum, antara muka lebih biasa digunakan untuk menentukan bentuk objek dan API, manakala jenis lebih biasa digunakan untuk menentukan jenis data dan jenis utiliti yang kompleks. Mari kita fahami kedua-duanya secara berasingan.
Apakah Antara Muka TypeScript?
Antara muka TypeScript ialah teknik untuk menentukan bentuk objek TypeScript. Ia dibuat menggunakan kata kunci “ antara muka ” dan ia menentukan satu set atribut dan kaedah yang diperlukan oleh objek untuk diklasifikasikan sebagai jenis itu. Ia bersamaan dengan kelas dalam pengaturcaraan berorientasikan objek; namun, ia tidak mentakrifkan sebarang pelaksanaan. Antara muka digunakan terutamanya untuk pemeriksaan jenis dan memastikan objek mematuhi struktur tertentu.
Sebelum meneruskan, perlu diingat bahawa untuk melaksanakan fail TypeScript, ia mesti ditranspile ke dalam fail JavaScript dan kemudian jalankan kod JavaScript pada terminal menggunakan arahan yang diberikan:
tsc nama fail.tsnama fail nod.js
Contoh
Buat antara muka bernama 'Pengguna' yang mentakrifkan tiga atribut dan kaedah ' dapatkan maklumat() ”:
antara muka Pengguna {Nama pertama: rentetan;
Nama akhir: rentetan;
umur: nombor;
dapatkan maklumat ( ) : batal;
}
Buat kelas ' Pelajar ” yang diwarisi dengan antara muka. Kelas mentakrifkan atributnya, pembina yang akan memberikan nilai kepada atribut, dan kaedah 'getInfo()' yang akan memaparkan nilai berbanding dengan atribut:
Nama pertama: rentetan;
Nama akhir: rentetan;
umur: nombor;
pembina ( firstName: string, lastName: string, umur: nombor ) {
this.firstName = firstName;
this.lastName = lastName;
ini.umur = umur;
}
dapatkan maklumat ( ) : batal {
konsol.log ( 'Maklumat Pelajar:' )
konsol.log ( '- Nama: ' + this.firstName + '' + this.lastName ) ;
konsol.log ( '- Umur: ' + ini.umur ) ;
}
}
Buat objek ' Pelajar ” bernama “ std 'daripada' pengguna ” taip dengan memanggil pembina dengan kata kunci “baru” dan kemudian, panggil kaedah getInfo() untuk mencetak data pada konsol:
std.getInfo ( ) ;
Pengeluaran
Apakah Jenis TypeScript?
Jenis TypeScript kebanyakannya digunakan untuk mencipta alias untuk jenis sedia ada serta untuk mencipta jenis yang lebih rumit. Ia mewakili bentuk atau struktur data tertentu. Ia boleh ditakrifkan/diisytiharkan dengan “ menaip ” kata kunci. Jenis TypeScript boleh digunakan untuk menjadikan kod lebih mudah difahami dan mengurangkan pengulangan/penduaan.
Contoh
Pertama, tentukan jenis ' pengguna ' menggunakan ' menaip ' kata kunci yang ditentukan dengan lima sifat salah satunya ialah atribut pilihan iaitu ' telefon ”:
menaip Pengguna = {Nama pertama: rentetan;
Nama akhir: rentetan;
umur: nombor;
e-mel: rentetan;
telefon?: rentetan;
} ;
Tentukan fungsi bernama “ getFullName ”, yang mengambil parameter jenis “ pengguna ' dan mencetak data yang terdiri daripada maklumat orang itu termasuk ' nama ”, “ umur ”, “ emel ” dan “ nombor telefon ”:
konsol.log ( 'Maklumat Pengguna:' )
konsol.log ( '- Nama: ' + orang.Nama depan + '' + orang.Nama Akhir ) ;
konsol.log ( '- Umur: ' + orang.umur ) ;
konsol.log ( '- E-mel: ' + orang.e-mel ) ;
konsol.log ( '-Telefon #: ' + orang.telefon ) ;
}
Sekarang, buat objek ' orang 'jenis' pengguna ” dengan pasangan nilai kunci:
nama pertama: 'Mily' ,
nama terakhir: 'Micheal' ,
umur: 28 ,
e-mel: 'mili124@yahoo.com' ,
telefon: '086-34581734'
} ;
Akhir sekali, cetak maklumat pengguna dengan memanggil fungsi getInfo():
Pengeluaran
Itu semua tentang antara muka dan jenis TypeScript.
Kesimpulan
Dalam TypeScript, ' antara muka ” dan “ menaip ” digunakan untuk menentukan jenis tersuai. Antara muka boleh dilaksanakan oleh kelas atau objek, manakala jenis boleh menentukan jenis yang lebih kompleks menggunakan ciri seperti kesatuan dan persimpangan. Ini ialah ciri berkuasa yang boleh membantu menulis kod yang lebih teratur dan berskala. Blog ini menerangkan antara muka dan jenis TypeScript serta perbezaannya.