Apa itu Tipe Hilangkan di TypeScript?

TypeScript menawarkan berbagai tipe utilitas untuk membuat sistem tipenya lebih nyaman dan efisien. Tipe ini memungkinkan pengguna untuk membuat tipe baru berdasarkan tipe yang sudah ada dengan menghapus atau memodifikasi properti, menjadikan properti hanya-baca atau opsional, dan banyak lagi. Tiap jenis utilitas menjalankan fungsionalitas tertentu berdasarkan namanya, misalnya jenis “opsional” menjadikan properti opsional, “readonly” mendeklarasikan bidang sebagai hanya-baca, dan seterusnya.

Panduan ini menjelaskan jenis utilitas “Hilangkan” di TypeScript.

Apa itu Tipe Hilangkan di TypeScript?

“ Menghilangkan ” tipe utilitas membuat tipe baru dengan mengecualikan properti yang tidak diperlukan dari tipe dasar. Tipe dasar mewakili tipe yang sudah ada yang menjadi asal tipe baru.

Sintaksis

ketik Tipe Baru = Menghilangkan < Tipe yang Ada, 'Nama Properti1' | 'Nama Properti2' | ... >

Sintaks di atas dapat “ Menghilangkan ” beberapa properti dari “ Tipe yang Ada ” dengan memisahkannya dengan bantuan “ ATAU (|)” operator.

Mari kita gunakan jenis utilitas “Hilangkan” yang dijelaskan di atas secara praktis.

Contoh 1: Menerapkan “Omit” Dengan Type Alias

Contoh ini menggunakan tipe utilitas “Hilangkan” untuk membuat tipe baru dari tipe yang sudah ada.

Kode

Salin baris kode yang diberikan dalam file “.ts” dari proyek TypeScript:

ketik Pengguna = {
nama : rangkaian,
usia : nomor,
lokasi : rangkaian
} ;

ketik PenggunaTanpa Usia = Menghilangkan < Pengguna, 'usia' >;

konstanta pengguna tanpa usia : PenggunaTanpa Usia = {

nama : 'Atau' ,

lokasi : 'Islamabad'

} ;

menghibur. catatan ( pengguna tanpa usia ) ;

Dalam kode ini:

“ Pengguna ” tipe ditentukan dengan nama, usia, dan lokasi properti tertentu.
Selanjutnya, “ PenggunaTanpa Usia ” tipe baru dibuat dari tipe “Pengguna” yang ada dengan mengecualikan properti “usia” menggunakan “ Menghilangkan ” jenis utilitas.
Setelah itu, sebuah objek “ pengguna tanpa usia ” dari tipe “UserWithoutAge” dibuat yang menentukan semua bidang dari tipe “User” yang ada kecuali “age”.
Terakhir, “ konsol.log() Metode ” diterapkan untuk menampilkan objek “pengguna tanpa usia”.

Keluaran

Kompilasi file “.ts” dan jalankan file “.js” yang dibuat secara otomatis:

tsc utama. js //Kompilasi File.ts

simpul utama. js //Jalankan File .js

Dapat dilihat bahwa terminal menampilkan output dari objek “UserWithoutAge” tipe baru.

Contoh 2: Menerapkan Tipe “Hilangkan” Dengan Antarmuka

Contoh ini menerapkan tipe utilitas “Hilangkan” dengan antarmuka untuk membuat tipe baru.

Kode

antarmuka Pengguna {

nama : rangkaian ;

usia : nomor ;

lokasi : rangkaian ;

}

ketik Orang Baru = Menghilangkan < Pengguna, 'usia' | 'lokasi' >;

konstanta orang : Orang baru = {

nama : 'Atau'

} ;

menghibur. catatan ( orang ) ;

Sekarang, baris kode yang disebutkan:

Tentukan antarmuka “ Pengguna ” memiliki properti berikut nama, string, dan lokasi.
Selanjutnya, buat tipe baru “ Orang baru ” dari antarmuka “Pengguna” yang ada, tidak termasuk properti usia, dan lokasi yang ditentukan.
Setelah itu, buat objek tipe baru “NewPerson” bernama “ orang ” hanya menentukan satu properti yaitu “nama” antarmuka yang ada “Pengguna”.
Terakhir, tampilkan bidang objek “orang” menggunakan “ konsol.log() ' metode.

Keluaran

Kompilasi dan jalankan kode:

tsc utama. js //Kompilasi File.ts

simpul utama. js //Jalankan File .js

Terminal hanya menampilkan satu nilai properti dari tipe baru “NewPerson” yang ditentukan dalam objeknya.

Contoh 3: Menerapkan Tipe “Hilangkan” Dengan Fungsi()

Contoh ini menggunakan tipe “Omit” dengan fungsi untuk mengembalikan objek antarmuka yang diteruskan sebagai argumennya dengan menghilangkan beberapa properti antarmuka yang ada.

Kode

antarmuka Pengguna {

nama : rangkaian ;

usia : nomor ;

lokasi : rangkaian ;

}

fungsi getUserDetails ( pengguna baru : Menghilangkan < Pengguna, 'nama' | 'lokasi' > ) : nomor {

kembali ( pengguna baru. usia )

}

konstanta pengguna baru : Pengguna = {

usia : 40 ,

nama : 'Atau' ,

lokasi : 'Islamabad'

} ;

konstanta detail pengguna = dapatkan Detail Pengguna ( pengguna baru ) ;

menghibur. catatan ( detail pengguna ) ;

Cuplikan kode di atas:

Pertama buat antarmuka “ Pengguna ”memiliki properti nama, umur, dan lokasi.
Selanjutnya, tentukan nama fungsi “ dapatkanDetailPengguna() ” yang menghilangkan properti “nama”, dan “lokasi” dari tipe “pengguna baru” dari antarmuka yang ada, yaitu, “Pengguna”.
Fungsi ini mengembalikan nilai numerik yaitu “usia” pengguna.
Sekarang, buatlah objek “ pengguna baru ” dari antarmuka “Pengguna” untuk menentukan nilai propertinya.
Setelah itu, panggil fungsi “getUserDetails()” yang ditentukan dengan meneruskan objek “pengguna baru” sebagai parameternya dengan bantuan “ detail pengguna ” konstan.
Terakhir, tampilkan output “userDeatils” melalui “ konsol.log() ' metode.

Keluaran

tsc utama. js //Kompilasi File.ts

simpul utama. js //Jalankan File .js

Terminal hanya menampilkan “ usia ” nilai properti karena “nama” dan “lokasi” dikecualikan melalui jenis utilitas “Hilangkan”.

Kesimpulan

Di TypeScript, jenis utilitas “ Menghilangkan ” mengambil tipe yang ada sebagai parameter pertamanya dan membuat tipe baru dengan mengecualikan beberapa properti dari tipe yang sudah ada. Tipe utilitas ini membantu menduplikasi tipe yang sudah ada untuk pembuatan tipe baru yang memiliki beberapa propertinya alih-alih membuat tipe baru dari awal. Itu dapat diterapkan dengan alias 'tipe', antarmuka, dan fungsi. Panduan ini menjelaskan secara mendalam jenis utilitas “Hilangkan” di TypeScript.

Apa itu Tipe Hilangkan di TypeScript?