0Pricing
TypeScript Academy · Pelajaran

Tipe objek, opsional/hanya-baca, tanda tangan indeks

Definisikan tipe objek dengan properti, tandai beberapa properti sebagai opsional atau hanya-baca, dan gunakan tanda tangan indeks untuk kunci yang fleksibel.

Tipe objek, opsional/hanya-baca, tanda tangan indeks adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 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: Definisikan objek terstruktur dalam TypeScript. Anda akan mempelajari tipe objek, properti opsional, pengubah hanya-baca, dan signature indeks untuk kunci dinamis.

Objek dasar

Tipe objek menentukan nama properti dan tipenya. Setiap objek harus memenuhi struktur yang dideklarasikan.

type User = {
  id: number;
  name: string;
};

const u: User = { id: 1, name: "Ada" };
console.log(u);

Properti opsional

Properti opsional menggunakan tanda "?". Objek boleh tidak menyertakannya, dan TypeScript memeriksa apakah nilainya undefined sebelum digunakan.

type User = {
  id: number;
  name: string;
  email?: string; // optional
};

const a: User = { id: 1, name: "Ada" };
const b: User = { id: 2, name: "Lin", email: "l@example.com" };

Properti hanya-baca

Hanya-baca memastikan properti tidak dapat ditetapkan ulang setelah inisialisasi. Ini cocok untuk konstanta dan objek cfg.

type Config = {
  readonly version: number;
  name: string;
};

const cfg: Config = { version: 1, name: "App" };
// cfg.version = 2; // Error, readonly

Deklarasi indeks

Deklarasi indeks memungkinkan nama properti yang belum diketahui dengan tipe tertentu. Contoh: kuncinya berupa string, sedangkan nilainya berupa angka.

type Dictionary = {
  [key: string]: number;
};

const scores: Dictionary = { math: 95, eng: 88 };
console.log(scores["math"]);

Menggabungkan konsep

Anda dapat menggabungkan properti hanya-baca, properti opsional, dan deklarasi indeks dalam tipe yang sama untuk membuat model yang fleksibel tetapi aman.

type Settings = {
  readonly id: string;
  theme?: "light" | "dark";
  [extra: string]: string | number | undefined;
};

const s: Settings = { id: "abc", theme: "dark", fontSize: 14 };
console.log(s);

Pemeriksaan properti opsional

Pemeriksaan cepat: Apa arti tanda "?" setelah sebuah properti?

Ringkasan

Ringkasan: Objek dapat mendeklarasikan properti wajib, opsional, hanya-baca, dan properti melalui deklarasi indeks. Fitur-fitur ini menyeimbangkan fleksibilitas dan keamanan.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Tipe objek, opsional/hanya-baca, tanda tangan indeks” gratis?

Ya — teks lengkap “Tipe objek, opsional/hanya-baca, tanda tangan indeks” 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 “Tipe objek, opsional/hanya-baca, tanda tangan indeks”?

Definisikan tipe objek dengan properti, tandai beberapa properti sebagai opsional atau hanya-baca, dan gunakan tanda tangan indeks untuk kunci yang fleksibel. 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 1 dari 3.

Berapa lama pelajaran “Tipe objek, opsional/hanya-baca, tanda tangan indeks” 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