Perluasan dan Penggabungan Antarmuka
Perluas antarmuka dan pahami penggabungan deklarasi.
Perluasan dan Penggabungan Antarmuka adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. 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 4 pelajaran total.
Selamat Datang
Memperluas Antarmuka
interface Animal { name: string; }
interface Dog extends Animal {
breed: string;
}
const rex: Dog = { name: 'Rex', breed: 'Labrador' };Memperluas Beberapa Antarmuka
interface Flyable { fly(): void; }
interface Swimmable { swim(): void; }
interface Duck extends Flyable, Swimmable {
quack(): void;
}Menimpa Properti Saat Memperluas
interface Base { value: string | number; }
interface Derived extends Base { value: string; } // OK — string is narrower
// interface Bad extends Base { value: boolean; } // ErrorPenggabungan Deklarasi
interface Window { title: string; }
interface Window { location: Location; }
// Merged: Window has both title and locationMenambahkan Properti ke Tipe Pustaka
// express.d.ts
declare namespace Express {
interface Request {
user?: User;
}
}Antarmuka yang Memperluas Alias Tipe
type Named = { name: string };
interface User extends Named { email: string; }Rantai Perluasan Bertingkat
interface A { a: number; }
interface B extends A { b: number; }
interface C extends B { c: number; }
const obj: C = { a: 1, b: 2, c: 3 };`extends` versus `implements`
interface Serializable { serialize(): string; }
class Model implements Serializable {
serialize() { return JSON.stringify(this); }
}Penggabungan Menambahkan Properti ke Semua Penggunaan
Penggabungan versus Perluasan: Kapan Menggunakan Masing-Masing
Pemeriksaan Singkat
Ringkasan
Belajar TypeScript dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 101
- Pelajaran
- 352
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Perluasan dan Penggabungan Antarmuka” gratis?
Ya — teks lengkap “Perluasan dan Penggabungan Antarmuka” 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 4 pelajaran total.
Apa yang akan aku pelajari di “Perluasan dan Penggabungan Antarmuka”?
Perluas antarmuka dan pahami penggabungan deklarasi. 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 4.
Berapa lama pelajaran “Perluasan dan Penggabungan Antarmuka” 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
- Mendefinisikan Bentuk Objek dengan Antarmuka
- Alias Tipe untuk Tipe Kompleks
- Perluasan dan Penggabungan Antarmuka
- Antarmuka vs Tipe: Kapan Menggunakan Masing-Masing