Razlika med Typescript vmesnikom in razredom
Vmesnik določa strukturo, ki ji sledi razred izpeljave. To je pogodba, ki ji sledi kateri koli subjekt, vmesnik vsebuje številne stvari kot lastnosti, dogodke, metode in vse te se imenujejo kot člani vmesnika. Vmesnik vsebuje edino izjavo teh članov, te člane bo izvedel razred Deriving tega vmesnika. Za razglasitev vmesnika se uporablja ključna beseda vmesnik.
Primer deklaracije vmesnika.
Sintaksa:
ime vmesnika vmesnika
(
)
vmesnik Zaposleni (
firstName: string,
lastName: string,
sayHello: () => niz
)
var stranka: zaposleni = (
firstName: "Tom",
lastName: "Hanks",
sayHello: (): string => (vrni se zdravo!)
)
console.log ("Predmet stranke")
console.log (customer.firstName)
console.log (customer.lastName)
console.log (customer.sayHello ())
Zgornji primer določa vmesnik. Objekt stranke je tipa Zaposleni.
Zdaj bo objekt zavezujoč, da bo definiral vse lastnosti, kot jih določa vmesnik.
Ob prevajanju bo ustvaril spodnjo kodo JavaScript.
// Generirano s tipkopisom 1.8.10
var customer = (firstName: "Tom", lastName: "Hanks",
sayHello: function () (vrni se "Hi there"; )
);
console.log ("Predmet stranke");
console.log (customer.firstName);
console.log (customer.lastName);
console.log (customer.sayHello ());
Izhod zgornje vzorčne kode: -
Objekt stranke
Tom
Hanks
Zdravo
Razred je načrt za objekt; gre za koncept objektno usmerjenega programskega jezika. Razred omogoča zaščitne funkcije OOP. Podatkovne člane in metode in konstruktorje zavije v enotno združitev, ki se imenuje razred, na ta način pa zagotavlja enkapsulacije. Prejšnji razred ni bil podprt s Typescriptom, dobil je podporo ES6 različice Typescripta. Ključna beseda razreda se uporablja za ustvarjanje razredov v Typescriptu.
Sintaksa: -
class class_name (
//narediti
)
razred vsebuje člane, metode in konstruktor podatkov;
Člani podatkov, ki jih imenujemo tudi kot polje, predstavlja lastnosti predmeta, ki ga ustvari razred
Ustrezna kravata je stanje predmeta, na primer barva, višina Pen, širina se imenuje kot lastnosti predmeta.
Metode predstavljajo vedenje predmeta, kot je pisanje funkcionalnosti peresa, Kavni aparat lahko pripravlja različne vrste kave, kar se imenuje kot vedenje predmeta.
Konstruktorji se uporabljajo za ustvarjanje predmeta za definiran razred, tako da ga je mogoče uporabiti kot zahtevana mesta.it je odgovoren tudi za inicializacijo polja razreda.
Vsi trije se imenujejo pripadniki razreda, ki ga razred zaokroži v eno enoto.
Razmislite o uslužbencu razreda v tipkanju.
zaposleni v razredu (
)
Ob prevajanju bo ustvaril naslednjo kodo JavaScript.
// Generirano s tipkopisom 1.8.10
var zaposleni = (funkcija () (
funkcija Zaposleni () (
)
vrniti zaposleni;
) ());
Primer: Razglasitev razreda
razred CarDemo (
// deklaracija polja
motor: vrvica;
// izjava o konstruktorju
konstruktor (motor: string) (
this.engine = motor
)
// deklaracija funkcije
show (): neveljaven (
console.log ("Motor je:" + to.engine)
)
)
V zgornjem primeru je ime razreda CarDemo, če ima stroj imena polja konstruktor, ki inicializira motor z imenom polja, se ta ključna beseda nanaša na trenutni primerek razreda, zato je to tudi to. motor = napisan motor z enim imenom metode - pokaže, ki prikazuje vrednost polja, ki jo je inicializiral konstruktor.
Če sestavite zgornjo kodo, bo ustvaril naslednjo kodo JavaScript.
// Generirano s tipkopisom 1.8.10
var CarDemo = (funkcija () (
funkcija CarDemo (motor) (
this.engine = motor;
)
CarDemo.prototype.show = funkcija () (
console.log ("Motor je:" + to.engine);
);
povratni CarDemo;
) ());
Ustvarjanje predmetov Instance zgornjega razreda
Za ustvarjanje primerka razreda se uporabi nova ključna beseda, ki ji sledi ime razreda. Sintaksa za isto je podana spodaj -
Sintaksa
var object_name = novo ime_ class_ (argumentov))
Nova ključna beseda je odgovorna za podajanje podatkov.
Desna stran izraza se sklicuje na konstruktor. Konstruktorju je treba posredovati vrednosti, če je parametriziran.
/ ustvarjanje predmeta
var obj = nov CarDemo ("XXSY1");
// dostop do polja
console.log ("Vrednost branja atributa Engine as:" + obj.engine);
// dostop do funkcije
obj.show ();
Izhod zgornje kode je naslednji -
Vrednost atributa branja Motor kot XXSY1
Funkcijski prikazovalniki Motor je: XXSY1
Primerjava med seboj in razredom med vmesniki Typescript in razredom
Spodaj je zgornja 4 razlika med Typescript vmesnikom in razredom 
Ključne razlike med vmesnikom Typescript in razredom
Oba vmesnika Typescript proti razredu sta priljubljeni izbiri na trgu; pogovorimo se o nekaterih glavnih razlikah med Typescript vmesnikom in razredom:
- Vmesnik definira strukturirano za izpeljavo razreda tega vmesnika. vmesnik vsebuje edino izjavo funkcij članov.
- Razred je odgovoren za izvajanje strukture vmesnika, tako da telesu daje funkcijo vmesnika. Zagotavlja enkapsulacijo z ovijanjem podatkovnih članov, funkcij v polje, ki ga imenujemo kot razred in na ta način zagotavlja funkcije enkapsulacije OPP.
- Za izdelavo vmesnika se uporablja ključna beseda vmesnik, ki vsebuje člane podatkov in funkcije.
- Ključna beseda razreda se uporablja za ustvarjanje razreda, ki vsebuje člane podatkov, funkcije, konstruktorje.
- Vmesnik je med odstranjevanjem kode popolnoma odstranjen. Medtem ko razred med odstranjevanjem kode ne odstrani.
- En vmesnik lahko razširi drug vmesnik, če ključna beseda razširi na ta način, vmesnik zagotavlja dedovanje. Vmesnik ne razširi razreda, temveč definira strukturo razreda. Vmesnik podpira več podedovanj z razširitvijo več vmesnikov skupaj.
- Razred vmesnik izvaja s ključno besedo, razred lahko razširi tudi drug razred tudi z uporabo ključne besede razširja, na ta način lahko otroški razred uporablja nadrejeni razred. Ta funkcija se imenuje dedovanje, razred ne podpira več dedovanja, ker hkrati le en vmesnik, ki ga izvaja razred. možno je z vmesnikom.
Primerjava vmesnika Typescript in razreda
Poglejmo podroben opis vmesnika Typescript vs razreda
| Osnove primerjave med Typescript vmesnikom in razredom | Vmesnik | Razred |
| Opredelitev | Vmesnik definira strukturo, ki ji sledi razred izpeljave. | Zajema člane podatkov in metode ter konstruktorje v enotno združitev, ki se imenuje razred. |
| Uporaba | Ustvariti strukturo subjekta. | Ustvarjanje predmeta, kapsulacija za polja, metoda |
| Uporaba v realnem času | Oblikovalski vzorec, struktura projekta | Izvedbe opredeljenih arhitektur |
| Ključna beseda ustvarjanja | za izdelavo vmesnika se uporablja ključna beseda vmesnik. | za ustvarjanje razreda se uporablja ključna beseda. |
Zaključek - Vmesnik Typescript vs razred
Vmesnik Typescript v primerjavi z razredom ima na področju razvoja programske opreme drugačen namen. Vmesnik daje strukturni gradnik razreda, medtem ko ta struktura izvaja razred, s pomočjo katerega je ustvaril objekt razreda.
Vmesnik bomo uporabili za razvoj osnovne strukture programske opreme, ki jo bo v prihodnosti razvijal razvijalec, Class pa vmesnik izvaja tako, da zagotavlja način metode vmesnika. Izdelava vmesnikov je v začetni fazi razvoja programske opreme enostavna, kadar zahteva ni jasna, ker omogoča prožnost pri spreminjanju, ker jo bo izvajal razred.
Priporočeni članek
To je vodilo za glavne razlike med Typescript vmesnikom in razredom. Tukaj razpravljamo tudi o razlikah med tipkami in infografiko ter primerjalno tabelo vmesnika Typescript v primerjavi z razredom. Ogledate si lahko tudi naslednje članke -
- Razlike vrste TypeScript in vmesniki
- CoffeeScript vs TypeScript
- JavaScript vs TypeScript
- TypeScript vs Flow, kateri je bolj uporaben