Mikä on JavaScript-luokka ja miten sitä käytetään?

Kohdekohtaisessa ohjelmoinnissa luokka on laajennettava ohjelmakoodimalli objektien luomiseen. luokkia voidaan ensisijaisesti ajatella syntaktisena sokerina JavaScriptin nykyiseen prototyyppipohjaiseen perintöön nähden. Tässä artikkelissa käsittelemme JavaScript-luokan syvyyttä ja opimme käyttämään niitä seuraavassa järjestyksessä:

• Mikä on JavaScript-luokka?
• Kuinka käyttää JavaScript-luokkaa?
  • Määritä luokka
  • Määritä menetelmät
  • Luokan laajentaminen

Mikä on JavaScript-luokka?

JavaScriptissä luokka on eräänlainen toiminto, ja se ilmoitetaan luokan avainsanalla. Sinun on käytettävä funktion lausekkeen syntaksia aloittaaksesi funktion ja luokan lausekkeen syntaksin luokan alustamiseksi.

// Alustetaan funktio funktiolausekkeella const a = function () {}

// Alustetaan luokka luokan lausekkeella const b = luokka {}

JavaScriptissä sen sijaan, että käytettäisimme avainsanafunktiota sen aloittamiseen, käytämme avainsanaluokkaa. Ominaisuudet määritetään myös konstruktori () -menetelmän sisällä.

Kuinka käyttää JavaScript-luokkaa?

Koodi ilmoitettu toiminto ja luokka molemmat palauttavat funktion [[prototyyppi]]. Prototyyppien avulla mistä tahansa toiminnosta voi tulla konstruktori-ilmentymä käyttämällä uutta avainsanaa. Esimerkiksi:

const a = class {} // Alusta rakentaja luokan const constructorFromClass = new a () console.log (constructorFromClass)

Tuotos:

{} konstruktori: luokka

Nyt on kolme erilaista tapaa käyttää luokkaa JavaScriptissä. Mennään kunkin menetelmän yksityiskohtiin esimerkin avulla.

Määritä luokka

Konstruktoritoiminto alustetaan useilla parametreilla, jotka määritetään ominaisuuksiksi 'Tämä' , viitaten itse toimintoon. Tunnisteen ensimmäinen kirjain on kirjoitettu isoilla kirjaimilla.

// Alustetaan rakentajan funktiofunktion työntekijä (nimi, empid) {this.name = nimi this.empid = empid}

Jos käännämme tämän nyt luokan syntaksiksi, huomaat, että rakenteet ovat hyvin samanlaisia.

// Alustetaan luokan määritelmä luokan työntekijä {konstruktori (nimi, empid) {this.name = nimi this.empid = empid}}

Voimme sanoa, että luokan avainsana kommunikoi suoremmalla tavalla. Ainoa ero alustuksen syntaksissa on luokan avainsanan käyttäminen funktion sijaan. Lisäksi se määrittää ominaisuudet konstruktori () -menetelmän sisällä.

Määritä menetelmät

Toinen yleinen käytäntö rakentajatoiminnoilla on määritys menetelmiä suoraan prototyyppiin alustuksen sijaan. Otamme esimerkin ja katsomme, miten se toimii:

java kuinka muuntaa kaksinkertainen int

funktion työntekijä (nimi, empid) {this.name = nimi this.empid = empid} // Metodin lisääminen rakentajaan työntekijä.prototype.greet = function () {return '$ {this.name} tervehtii.'}

Kun kirjoitat samaa koodia luokan kanssa, sitä yksinkertaistetaan ja menetelmä lisätään suoraan.

luokan työntekijä {konstruktori (nimi, empid) {this.name = nimi this.empid = empid} // Metodin lisääminen konstruktorin tervehdykseen () {return '$ {this.name} tervehtii.'}}

Vaikka luokat mahdollistavat yksinkertaisemman ja ytimekkäämmän syntaksin, joskus joudut ehkä joutumaan tinkimään prosessin selkeydestä.

Luokan laajentaminen

Konstruktoritoimintojen ja luokkien etuna on, että ne voidaan laajentaa uusiksi objektipiirustuksiksi, jotka perustuvat vanhempaan. Tämä auttaa estämään koodien toistamisen kohteille, jotka ovat samankaltaisia, mutta tarvitsevat lisä- tai tarkempia ominaisuuksia.

Uudet konstruktoritoiminnot voidaan luoda vanhemmalta call () -menetelmällä. Esimerkiksi:

// Uuden konstruktorin luominen pääfunktiotiedoista (nimi, empid, palkka) {// Ketjurakentaja puhelun työntekijällä. Kutsu (tämä, nimi, tyhjennä) this.salary = palkka}

Kun kirjoitamme saman koodin luokassa, super-avainsanaa käytetään puhelun sijasta pääsemään päätoimintoihin.

// Uuden luokan luominen vanhempien luokkien tiedoista laajentaa työntekijää {konstruktori (nimi, empid, palkka) {// Ketjurakentaja super superilla (nimi, empid) // Lisää uusi ominaisuus this.salary = palkka}}

Luokat tarjoavat sinulle suppeamman tavan luoda esine piirustukset ja rakentajan toiminnot kuvaavat hupun alla tapahtuvaa tarkemmin.

Tämän avulla olemme päässeet artikkelimme loppuun. Toivon, että ymmärrät kuinka käyttää JavaScript-luokkaa.

Nyt kun tiedät JavaScript-luokasta, tutustu kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.

Onko sinulla kysymys meille? Mainitse se JavaScript-luokan kommenttiosassa ja palaamme sinuun.