TypeScript untuk pemula, Bahagian 3: Antara muka

Tutorial ini meneruskan siri pemula TypeScript kami, membina perkenalan sebelumnya kepada ciri -ciri TypeScript, pemasangan, dan cadangan IDE. Tutorial kedua meliputi jenis data TypeScript dan faedah pencegahan ralat mereka.

Bahagian ini memberi tumpuan kepada antara muka. Kami akan meneroka bagaimana antara muka, seperti x dan Point (dengan width ), dan Cuboid (memanjangkan Point dengan length dan height ), membantu menentukan struktur objek. Contoh Cuboid menunjukkan nilai yang menentukan untuk semua sifat dan menggunakan fungsi untuk mengira kelantangan.

Adalah penting untuk diperhatikan bahawa antara muka adalah ciri khusus TypeScript, tidak hadir dalam JavaScript. Menyusun hasil kod TypeScript dalam setara JavaScript berikut:

 fungsi VolumeCuboid (cuboid) {
    biarkan kelantangan = cuboid.length * cuboid.width * cuboid.height;
    console.log (`volume: $ {volume}`);
}

Biarkan cuboid = {x: -22, y: 28, lebar: 12, panjang: 32, ketinggian: 20};

Volumecuboid (cuboid);
// volum: 7680

Tutorial ini juga menyentuh jenis persimpangan, membezakannya dengan lanjutan antara muka. Kami mengkaji bagaimana untuk membuat RoundedRectangle menggunakan jenis sedia ada, menonjolkan perbezaan antara penggabungan pengisytiharan antara muka (dibenarkan) dan jenis redeclaring (mengakibatkan kesilapan).

Takeaways Kunci:

Tutorial ini menyediakan asas dalam antara muka TypeScript, menekankan peranan mereka dalam menulis kod yang mantap. Anda telah belajar untuk membuat antara muka dengan sifat pilihan dan baca sahaja, dan menggunakan tandatangan indeks untuk menambah sifat dinamik di luar definisi antara muka awal. Untuk pemahaman yang lebih mendalam, rujuk dokumentasi TypeScript rasmi.

Tutorial seterusnya akan menyelidiki kelas TypeScript.

Atas ialah kandungan terperinci TypeScript untuk pemula, Bahagian 3: Antara muka. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!