Kuasai TypeScript: Bahagian 01

TypeScript menyemak kod anda sebelum ia dijalankan. Ia mengesan ralat semasa anda menulis. Ini menghalang pepijat daripada sampai kepada pengguna anda.

Jenis Asas TypeScript menggunakan jenis untuk menentukan rupa data.

• String: let message: string = "Hello"; • Number: let age: number = 30; • Boolean: let isActive: boolean = true;

Array dan Tuple • Array: let names: string[] = ["Alice", "Bob"]; • Tuple: let user: [number, string] = [1, "Alice"]; (Urutan adalah penting di sini). • Enum: enum Role { Admin, User } (Gunakan pilihan bernama berbanding nombor rawak).

Objek dan Fungsi Objek mengumpulkan data yang berkaitan. • let car: { brand: string; year: number } = { brand: "Tesla", year: 2023 }; • Medan pilihan (Optional fields): Gunakan ? untuk menandakan medan sebagai tidak wajib.

Fungsi memerlukan jenis untuk input dan output. • function add(a: number, b: number): number { return a + b; } • Fungsi anak panah (Arrow functions): const multiply = (a: number, b: number): number => a * b;

Alatan Jenis Lanjutan Alias Jenis (Type Aliases) Cipta nama untuk sesuatu bentuk dan gunakannya semula. • type User = { id: number; name: string };

Union dan Intersection • Union (ATAU): type ID = string | number; • Intersection (DAN): type Employee = Person & { salary: number };

Generik (Generics) Generik menggunakan pemegang tempat (placeholder) untuk berfungsi dengan pelbagai jenis. • function wrap(value: T): T { return value; }

Cara untuk belajar:

  1. Taip setiap contoh.
  2. Rosakkan kod dengan sengaja.
  3. Baca ralat tersebut.
  4. Baiki ralat tersebut.

Bahagian 02 akan merangkumi alatan jenis lanjutan.

Sumber: https://dev.to/mdhemalakhand1999/master-typescript-part-01-452g