Apa perbedaan antara "mendeklarasikan kelas" dan "antarmuka" di TypeScript

Di TypeScript, saat membuat file deklarasi sumber .d.ts, mana yang lebih disukai dan mengapa?

declare class Example {
    public Method(): void; 
}

atau

interface Example {
    Method(): void;
}

Perbedaan yang dapat saya ceritakan adalah bahwa antarmuka tidak dapat memiliki metode statis, jadi Anda harus menggunakan kelas untuk itu. Keduanya tidak menghasilkan keluaran JS, jadi mungkin itu tidak masalah?

interfaceadalah saat Anda hanya ingin mendeskripsikan bentuk suatu objek. Tidak ada pembuatan kode, selamanya, untuk antarmuka - mereka hanya artefak dalam sistem tipe. Anda tidak akan melihat perbedaan dalam pembuatan kode untuk sebuah kelas bergantung pada apakah kelas tersebut memiliki implementsklausa atau tidak .

declare classadalah ketika Anda ingin mendeskripsikan kelas yang ada (biasanya kelas TypeScript, tetapi tidak selalu) yang akan hadir secara eksternal (misalnya, Anda memiliki dua file .ts yang dikompilasi menjadi dua file .js dan keduanya disertakan melalui scripttag di halaman web). Jika Anda mewarisi dari classmenggunakan extends(terlepas dari apakah tipe dasar adalah declare classatau biasa class) compiler akan menghasilkan semua kode untuk menghubungkan rantai prototipe dan forwarding konstruktor dan apa yang tidak.

Jika Anda mencoba untuk mewarisi dari declare classyang seharusnya menjadi antarmuka, Anda akan mengalami kesalahan waktu proses karena kode yang dihasilkan akan merujuk ke objek tanpa manifestasi waktu proses.

Sebaliknya, jika Anda hanya implementsebuah antarmuka yang seharusnya menjadi declare class, Anda harus menerapkan ulang semua anggota sendiri dan tidak akan mengambil keuntungan dari penggunaan ulang kode apa pun dari kelas dasar calon, dan fungsi yang memeriksa rantai prototipe saat runtime akan menolak objek Anda karena tidak benar-benar menjadi turunan dari kelas dasar.

Untuk menjadi benar-benar kutu buku, jika Anda memiliki latar belakang C ++, Anda secara kasar dapat menganggap interfacesebagai typedefdan declare classsebagai externdeklarasi konstruktor yang benar-benar tidak memiliki definisi dalam unit kompilasi ini.

Dari sisi konsumsi murni (menulis kode imperatif, bukan menambahkan tipe baru), satu-satunya perbedaan antara interfacedan declare classadalah Anda tidak dapat newmembuat antarmuka. Namun, jika Anda bermaksud untuk extend/ implementsalah satu dari jenis ini di baru class, Anda benar-benar harus memilih dengan benar antara interfacedan declare class. Hanya satu yang akan berhasil.

Dua aturan yang akan membantu Anda dengan baik:

• Apakah nama tipe sejajar dengan fungsi konstruktor (sesuatu yang dapat dipanggil dengan new) yang benar-benar ada saat runtime (misalnya Date, tetapi JQueryStatictidak)? Jika tidak , Anda pasti ingininterface
• Apakah saya berurusan dengan kelas yang dikompilasi dari file TypeScript lain, atau sesuatu yang cukup mirip? Jika ya , gunakandeclare class

Anda dapat mengimplementasikan antarmuka:

class MyClass implements Example {
    Method() {

    }
}

Sedangkan declare classsintaks sebenarnya dimaksudkan untuk digunakan untuk menambahkan definisi tipe untuk kode eksternal yang tidak tertulis dalam TypeScript - jadi implementasinya adalah "di tempat lain".

Dalam istilah awam, declaredigunakan di .ts/ d.tsfiles untuk memberi tahu kompiler bahwa kita harus mengharapkan kata kunci kita declaringada di lingkungan itu, bahkan jika itu tidak ditentukan dalam file saat ini. Ini kemudian akan memungkinkan kita untuk memiliki keamanan tipe saat menggunakan objek yang dideklarasikan, karena compiler Typecript sekarang tahu bahwa beberapa komponen lain mungkin menyediakan variabel itu.

Perbedaan antara declaredan interfacedi TS:

menyatakan:

declare class Example {
    public Method(): void; 
}

Dalam kode di atas declarememungkinkan kompiler TS mengetahui bahwa di suatu tempat kelas Exampledideklarasikan. Ini tidak berarti bahwa kelas tersebut disertakan secara ajaib. Anda sebagai programmer bertanggung jawab untuk menyediakan kelas saat Anda mendeklarasikannya (dengan declarekata kunci).

antarmuka:

interface Example {
    Method(): void;
}

An interfaceadalah konstruksi virtual yang hanya ada dalam skrip ketikan. Kompilator naskah ketikan menggunakannya hanya untuk tujuan pemeriksaan jenis. Ketika kode dikompilasi ke javascript seluruh konstruksi ini akan dilucuti. Kompilator skrip menggunakan antarmuka untuk memeriksa apakah objek memiliki struktur yang benar.

Misalnya ketika kita memiliki antarmuka berikut:

interface test {
  foo: number,
  bar: string,
}

Objek yang kita definisikan yang memiliki tipe antarmuka ini harus sama persis dengan antarmuka:

// perfect match has all the properties with the right types, TS compiler will not complain.
  const obj1: test = {   
    foo: 5,
    bar: 'hey',
  }