TypeScript menggunakan kata kunci 'const' dan tipe utilitas 'readonly' sebagai tipe data untuk inisialisasi variabel atau properti. Menurut nama dan fungsinya, kedua tipe data ini sangat berbeda satu sama lain tetapi terkadang pengguna menjadi bingung ketika digunakan dalam kode sumber yang sama. Panduan ini menjelaskan perbedaan antara kata kunci 'const' TypeScript dan tipe utilitas 'readonly'.
Pertama, lihat dasar-dasar jenis utilitas 'const' dan 'readonly'.
Apa itu Kata Kunci 'const' TypeScript?
“ const ” kata kunci menentukan bahwa variabel yang diberikan adalah konstan yang artinya nilainya tidak dapat diubah setelah ditetapkan. Itu memperlakukan variabel yang ditentukan sebagai konstanta pada waktu kompilasi.
Mari kita lihat secara praktis dengan bantuan kode yang diberikan.
Kode
Salin baris kode di file “.ts” dari proyek TypeScript:
konstan a = 100 ;a = lima puluh ;
console.log ( A ) ;
Pada baris kode yang disebutkan di atas:
-
- “ const ” kata kunci menginisialisasi “ A ” sebagai variabel konstan.
- Selanjutnya, nilai variabel konstanta “a” dimodifikasi.
- Terakhir, “ catatan() ” Metode menampilkan nilai variabel 'a'.
Dapat dilihat bahwa editor juga menghasilkan kesalahan dalam memodifikasi nilai variabel konstanta “a” setelah inisialisasi.
Keluaran
tsc main.ts // Kompilasi File .tssimpul main.js // Jalankan File .js
Diamati bahwa selama kompilasi kesalahan dihasilkan yang menentukan nilai variabel 'a' tidak dapat diubah karena merupakan konstanta.
Apa Jenis Utilitas hanya baca TypeScript?
Sekarang lanjutkan ke perbedaan antara kata kunci 'const' TypeScript dan tipe utilitas 'readonly'.
Jelaskan Jenis Utilitas TypeScript 'const' vs 'readonly'.
Perbedaan utama antara kata kunci 'const' TypeScript dan tipe utilitas 'readonly' dinyatakan di sini:
-
- Bekerja: Kata kunci 'const' menunjukkan bahwa nilai 'variabel' tidak dapat diubah setelah inisialisasi sedangkan jenis utilitas 'hanya baca' menentukan bahwa nilai 'properti/variabel' tidak dapat diubah setelah ditetapkan.
- Penggunaan: Kata kunci 'const' hanya digunakan untuk variabel agar konstan. Di sisi lain, tipe utilitas 'readonly' digunakan untuk 'properti dan variabel' yang merupakan bagian dari antarmuka atau objek.
- Modifikasi: Variabel 'const' tidak dapat dimodifikasi sama sekali sementara properti 'readonly' dapat dimodifikasi runtime dengan bantuan metode JavaScript.
Kesimpulan
Di TypeScript, ' const kata kunci ” dan “ hanya bisa dibaca ” Jenis utilitas berbeda satu sama lain berdasarkan “ bekerja ”, “ penggunaan ”, dan “ modifikasi ” faktor. Perbedaan utama di antara mereka adalah bahwa 'const' hanya membuat variabel konstan sedangkan 'readonly' membuat variabel dan properti konstan. Panduan ini menjelaskan secara mendalam tipe utilitas TypeScript 'const' vs 'readonly'.