0Pricing
TypeScript Academy · Pelajaran

Pengetikan struktural & pemeriksaan properti berlebih

Pahami pengetikan struktural dalam TypeScript dan bagaimana pemeriksaan properti berlebih mencegah bentuk objek yang tidak disengaja.

Pengetikan struktural & pemeriksaan properti berlebih adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 3 pelajaran total.

Pengantar

Tujuan: Pelajari pengetikan struktural, yaitu kompatibilitas yang bergantung pada keberadaan anggota yang tepat, serta cara kerja pemeriksaan properti berlebih pada literal objek.

Pengetikan struktural

Pengetikan struktural: kompatibilitas ditentukan oleh bentuk. Jika sebuah objek memiliki setidaknya semua properti wajib, objek tersebut diterima meskipun memiliki properti tambahan.

interface Point { x: number; y: number; }

function logPoint(p: Point) {
  console.log(p.x, p.y);
}

const a = { x: 5, y: 7, z: 99 };
logPoint(a); // OK because it has x and y

Bernama vs struktural

Berbeda dari sistem nominal, Point2D dan Koord kompatibel karena memiliki struktur yang sama.

type Point2D = { x: number; y: number };
type Coord = { x: number; y: number };

const p: Point2D = { x: 1, y: 2 };
const q: Coord = p; // OK, same structure

Kegagalan pemeriksaan berlebih

Pemeriksaan properti berlebih diterapkan pada literal objek yang langsung ditetapkan. Properti tambahan yang tidak terdapat dalam tipe tujuan akan menyebabkan galat.

interface User { id: number; name: string }

const u: User = { id: 1, name: "Ada", age: 30 }; // Error: excess property "age"

Melewati pemeriksaan

Penetapan melalui sebuah variabel melewati pemeriksaan properti berlebih. Ini memberikan fleksibilitas, tetapi berhati-hatilah terhadap properti yang tidak sengaja disertakan.

const raw = { id: 1, name: "Ada", age: 30 };
const u: User = raw; // OK, because variable assignment skips excess check

Panduan

Panduan:

  • Pengetikan struktural membuat TS fleksibel.
  • Pemeriksaan properti berlebih menemukan kesalahan lebih awal.
  • Gunakan variabel ketika bidang tambahan memang disengaja.

Pemeriksaan pengetikan struktural

Pemeriksaan cepat: Pernyataan mana tentang pengetikan struktural yang BENAR?

Ringkasan

Ringkasan: TypeScript menggunakan pengetikan struktural: tipe dicocokkan berdasarkan anggotanya. Pemeriksaan properti berlebih melindungi literal objek. Ingatlah cara melewatinya dengan hati-hati.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Pengetikan struktural & pemeriksaan properti berlebih” gratis?

Ya — teks lengkap “Pengetikan struktural & pemeriksaan properti berlebih” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Pengetikan struktural & pemeriksaan properti berlebih”?

Pahami pengetikan struktural dalam TypeScript dan bagaimana pemeriksaan properti berlebih mencegah bentuk objek yang tidak disengaja. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 3.

Berapa lama pelajaran “Pengetikan struktural & pemeriksaan properti berlebih” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Tipe objek, opsional/hanya-baca, tanda tangan indeks
  2. Antarmuka vs Alias Tipe
  3. Pengetikan struktural & pemeriksaan properti berlebih
← Kembali ke TypeScript Academy