Menguasai Jenis Data TypeScript: Panduan Pemula untuk �

Pengenalan

TypeScript semakin popular dalam kalangan pembangun JavaScript yang mencari penyelesaian aplikasi yang teguh dan berskala. Kekuatannya terletak pada ciri seperti penaipan yang kuat, perkakas lanjutan dan pengendalian ralat yang dipertingkatkan, memudahkan pembangunan apl yang kompleks. Konsep teras ialah memahami jenis data, mendayakan definisi pembolehubah yang tepat dan menghalang ralat masa jalan biasa.

Panduan ini menyelidiki jenis data penting TypeScript, menerangkan penggunaannya dalam penulisan kod yang lebih bersih dan boleh diselenggara. Sama ada anda seorang pemaju baru atau berpengalaman, sumber ini menyediakan asas yang kukuh.

Mengapa Memilih TypeScript?

Sebelum meneroka jenis data, mari kita periksa kelebihan TypeScript. Ia memanjangkan JavaScript dengan penaipan statik pilihan, membolehkan pengesanan ralat awal. Alat yang berkuasa, seperti autolengkap dan semakan jenis, meningkatkan produktiviti pembangun dan kualiti kod. Pengkompil TypeScript secara proaktif mengenal pasti ralat yang sering terlepas oleh JavaScript, menjimatkan masa dan kekecewaan. Ini menjadikannya sesuai untuk projek semua saiz.

Jenis Data TypeScript Penting

Menguasai jenis data TypeScript adalah penting untuk menulis kod bebas pepijat yang berkesan. Mari kita periksa jenis yang paling biasa:

1. Nombor: Pengendalian Numerik Tepat

Jenis

TypeScript number mengendalikan kedua-dua integer dan nombor titik terapung. Tidak seperti JavaScript, ia tidak membezakan antara int dan float, memudahkan manipulasi data berangka.

<code class="language-typescript">let age: number = 30;
let price: number = 99.99;</code>

2. Rentetan: Manipulasi Teks yang Cekap

Jenis string menyimpan data teks. Tentukan rentetan menggunakan petikan tunggal, berganda atau tanda belakang (untuk literal templat dan interpolasi).

<code class="language-typescript">let username: string = "Alice";
let greeting: string = `Hello, ${username}!`;</code>

Interpolasi rentetan memudahkan pengendalian teks dinamik.

3. Boolean: Mewakili Nilai Betul/Salah

Jenis boolean mewakili nilai logik (true atau false), penting untuk pernyataan bersyarat dan kawalan aliran aplikasi.

<code class="language-typescript">let isAuthenticated: boolean = true;
let isActive: boolean = false;</code>

4. Tatasusunan: Pengumpulan Data Ditaip

Tatasusunan TypeScript ditaip dengan kuat, menyatakan jenis data yang dipegangnya. Ini memastikan penggunaan jenis data yang konsisten sepanjang aplikasi anda.

<code class="language-typescript">let numbers: number[] = [1, 2, 3, 4, 5];
let names: Array<string> = ["Alice", "Bob", "Charlie"];</code>

5. Tuple: Tatasusunan Bersaiz Tetap, Heterogen

Tuples menyerupai tatasusunan tetapi memegang bilangan elemen tetap, setiap satu dengan jenis yang mungkin berbeza. Ia berguna untuk menyimpan data dengan jenis bercampur dalam struktur yang dipratentukan.

<code class="language-typescript">let person: [string, number] = ["Alice", 30];</code>

6. Enum: Mentakrifkan Pemalar Dinamakan

Enums mentakrifkan set pemalar bernama. Nilai adalah angka secara lalai, tetapi nilai tersuai boleh diberikan.

<code class="language-typescript">let age: number = 30;
let price: number = 99.99;</code>

Enum meningkatkan kebolehbacaan dan kebolehselenggaraan kod.

7. Mana-mana: Jenis Kad Liar (Gunakan Sedikit)

Jenis any memintas pemeriksaan jenis. Sambil menawarkan fleksibiliti, penggunaan berlebihan menjejaskan keselamatan jenis TypeScript.

<code class="language-typescript">let username: string = "Alice";
let greeting: string = `Hello, ${username}!`;</code>

8. Tidak Sah: Untuk Fungsi Tanpa Nilai Pulangan

Jenis void adalah untuk fungsi tanpa nilai pulangan, menunjukkan tumpuannya pada kesan sampingan dan bukannya pengiraan hasil.

<code class="language-typescript">let isAuthenticated: boolean = true;
let isActive: boolean = false;</code>

9. Null & Undefined: Mewakili Ketiadaan Nilai

null dan undefined ialah jenis yang berbeza. null menunjukkan ketiadaan nilai yang disengajakan, manakala undefined menandakan pembolehubah yang diisytiharkan tetapi tidak dimulakan.

<code class="language-typescript">let numbers: number[] = [1, 2, 3, 4, 5];
let names: Array<string> = ["Alice", "Bob", "Charlie"];</code>

Kedua-duanya ialah subjenis any tetapi digunakan secara berbeza untuk mewakili data "kosong" atau "hilang".

10. Jangan sekali-kali: Untuk Kod Tidak Boleh Dicapai

Jenis never digunakan pada fungsi yang tidak pernah mengembalikan nilai (disebabkan ralat atau gelung tak terhingga).

<code class="language-typescript">let person: [string, number] = ["Alice", 30];</code>

11. Objek: Mentakrifkan Jenis Bukan Primitif

Jenis object mentakrifkan struktur data bukan primitif (fungsi, tatasusunan, objek). Ia adalah jenis asas untuk sebarang nilai bukan primitif.

<code class="language-typescript">enum Direction {
  Up = 1,
  Down,
  Left,
  Right
}

let move: Direction = Direction.Up;</code>

Penegasan Jenis TypeScript: Inferens Jenis Mengatasi

Taip penegasan secara eksplisit memberitahu pengkompil jenis yang dijangkakan apabila inferens automatik gagal.

<code class="language-typescript">let data: any = 42;
data = "Now I am a string";
data = [1, 2, 3];</code>

Atau menggunakan sintaks kurungan sudut:

<code class="language-typescript">function logMessage(message: string): void {
  console.log(message);
}</code>

Kesimpulan: Mengapa Memahami Jenis Data Penting

TypeScript menawarkan lebih daripada sekadar JavaScript yang ditaip; ia merupakan alat yang berkuasa untuk menulis kod yang lebih selamat, cekap dan boleh diselenggara. Menggunakan jenis datanya menghalang pepijat, meningkatkan kerjasama dan memastikan kebolehskalaan. Panduan ini merangkumi jenis primitif dan lanjutan; memahaminya membuka kunci potensi penuh TypeScript untuk membina aplikasi yang mantap.

Pengambilan Utama:

• TypeScript meningkatkan JavaScript dengan keselamatan jenis.
• Kuasai jenis data asas (number, string, boolean, any).
• Gunakan jenis lanjutan (tuple, enum, never) untuk struktur data yang kompleks.
• Gunakan penegasan jenis apabila inferens jenis tidak mencukupi.

Soalan Lazim: (Serupa dengan yang asal, frasa semula untuk aliran yang lebih baik)

• Apakah TypeScript? Superset JavaScript ditaip secara statik menambah anotasi dan ciri jenis pilihan untuk meningkatkan kualiti kod dan produktiviti pembangun.
• Mengapa menggunakan TypeScript? Ia mempertingkatkan JavaScript dengan penaipan statik, antara muka dan kelas, membolehkan pengesanan ralat awal, pemfaktoran semula yang dipertingkatkan dan alatan yang lebih baik.
• Bagaimanakah TypeScript mengendalikan tatasusunan dan tupel? Tatasusunan ditaip dengan kuat, menentukan jenis elemen. Tuple ialah tatasusunan bersaiz tetap dengan jenis yang berpotensi berbeza bagi setiap elemen.
• Bolehkah TypeScript digunakan dengan React? Sudah tentu! Ia disepadukan dengan lancar dengan React, memberikan keselamatan jenis untuk komponen dan elemen berkaitan.
• Bolehkah TypeScript ditukar kepada JavaScript? Ya, pengkompil TypeScript menukarnya kepada JavaScript biasa, memastikan keserasian dengan mana-mana persekitaran JavaScript.

Catatan Blog Berkaitan: (Sama seperti asal)

1. Memahami Ciri TypeScript, Faedah & Kes Penggunaan
2. Menukar TypeScript kepada JavaScript: Panduan Komprehensif dengan Contoh Dunia Nyata
3. Ketahui Cara Menggunakan TypeScript dengan React: Faedah dan Amalan Terbaik

Atas ialah kandungan terperinci Menguasai Jenis Data TypeScript: Panduan Pemula untuk �. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!