Kas ir JavaScript klase un kā to izmantot?



Klase ir paplašināms programmas koda veidne objektu izveidošanai. Javascript klase ir funkcijas veids, un to deklarē ar klases atslēgvārdu.

Objektorientētā programmēšanā klase ir paplašināma programmas koda veidne objektu izveidošanai. klases galvenokārt var uzskatīt par sintaktisko cukuru salīdzinājumā ar JavaScript pastāvošo mantojumu, kura pamatā ir prototips. Šajā rakstā mēs iekļūsim JavaScript klases dziļumā un uzzināsim, kā tos izmantot šādā secībā:

Kas ir JavaScript klase?

JavaScript valodā klase ir funkcijas veids, un to deklarē ar klases atslēgvārdu. Jums ir jāizmanto funkciju izteiksmes sintakse, lai inicializētu funkciju, un klases izteiksmes sintakse, lai inicializētu klasi.





// Funkcijas inicializēšana ar funkcijas izteiksmi const a = function () {}
// Klases inicializēšana ar klases izteiksmi const b = klase {}

JavaScript vietā mēs izmantojam atslēgvārda funkciju tā uzsākšanai, bet mēs izmantojam atslēgvārdu klasi. Arī īpašības tiek piešķirtas konstruktora () metodes iekšienē.

atšķirība starp maģistrantiem un maģistrantiem

Kā izmantot JavaScript klasi?

Kods, kas deklarēts ar funkciju un klase abi atgriež funkciju [[prototips]]. Izmantojot prototipus, jebkura funkcija var kļūt par konstruktora instanci, izmantojot jauno atslēgvārdu. Piemēram:



const a = class {} // Inicializējiet konstruktoru no klases const constructorFromClass = new a () console.log (constructorFromClass)

Izeja:

konstruktors: klase

Tagad klasē JavaScript ir trīs dažādi veidi. Apskatīsim katras metodes detaļas ar piemēru.

Definējiet klasi

Konstruktora funkcija tiek inicializēta ar vairākiem parametriem, kas tiek piešķirti kā ‘Šis’ , atsaucoties uz pašu funkciju. Identifikatora pirmais burts ir burts ar lielo burtu.



kā instalēt php 7 uz Windows 10
// Tiek inicializēta konstruktora funkcijas funkcija darbinieks (vārds, empid) {this.name = nosauciet šo.empid = empid}

Tagad, ja mēs to pārtulkosim klases sintaksē, jūs redzēsiet, ka struktūras ir ļoti līdzīgas.

// Tiek inicializēta klases definīcija klases darbinieks {konstruktors (vārds, empid) {this.name = nosauciet šo.empid = empid}}

Mēs varam teikt, ka klases atslēgvārds sazinās vienkāršāk. Vienīgā atšķirība inicializācijas sintaksē ir klases atslēgas izmantošana funkcijas vietā. Turklāt tas piešķir īpašības konstruktora () metodes iekšienē.

Definējiet metodes

Vēl viena izplatīta prakse ar konstruktora funkcijām ir piešķiršana metodes tieši prototipam, nevis inicializācijā. Mēs ņemsim piemēru un redzēsim, kā tas darbojas:

funkcija darbinieks (vārds, empid) {this.name = nosaukums this.empid = empid} // Metodes pievienošana konstruktoram darbinieks.prototype.greet = function () {return '$ {this.name} saka sveiki.'}

Rakstot to pašu kodu ar klasi, tas tiek vienkāršots un metode tiek pievienota tieši.

klases darbinieks {konstruktors (nosaukums, empid) {this.name = nosauc šo.empid = empid} // Metodes pievienošana konstruktora sveicienam () {return '$ {this.name} saka sveiki.'}}

Lai gan nodarbības pieļauj vienkāršāku un kodolīgāku sintaksi, dažreiz, iespējams, nāksies piekāpties procesa skaidrībai.

Klases pagarināšana

Konstruktora funkciju un klašu priekšrocība ir tā, ka tās var attiecināt uz jauniem objektu projektiem, pamatojoties uz vecāku. Tas palīdz novērst koda atkārtošanos objektiem, kuri ir līdzīgi, bet kuriem nepieciešamas dažas papildu vai specifiskākas funkcijas.

kam lieto leļļu

Jaunas konstruktora funkcijas no vecāka var izveidot, izmantojot metodi call (). Piemēram:

// Jauna konstruktora izveide no vecāku funkcijas info (vārds, empīds, alga) {// Ķēdes konstruktors ar zvanu darbinieks. Zvans (tas, vārds, empid) this.salary = algas}

Tagad, kad mēs rakstām to pašu kodu, izmantojot klasi, zvana vietā tiek izmantots super atslēgvārds, lai piekļūtu vecāku funkcijām.

// Jaunas klases izveide no vecāku klases informācijas paplašina darbinieku {konstruktors (vārds, empīds, alga) {// Ķēdes konstruktors ar super super (vārds, tukšums) // Pievienojiet jaunu rekvizītu this.salary = alga}}

Nodarbības sniedz jums īsāku veidošanas veidu objekts rasējumi un konstruktora funkcijas precīzāk raksturo to, kas notiek zem pārsega.

Ar to mēs esam nonākuši mūsu raksta beigās. Es ceru, ka jūs sapratāt, kā izmantot JavaScript klasi.

Tagad, kad jūs zināt par JavaScript klasi, pārbaudiet autore Edureka. Tīmekļa attīstības sertifikācijas apmācība palīdzēs jums uzzināt, kā izveidot iespaidīgas vietnes, izmantojot HTML5, CSS3, Twitter Bootstrap 3, jQuery un Google API, un izvietot to Amazon Simple Storage Service (S3).

Vai mums ir jautājums? Lūdzu, pieminējiet to komentāru sadaļā “JavaScript klase”, un mēs ar jums sazināsimies.