Kas yra „JavaScript“ klasė ir kaip ją naudoti?

Objektinio programavimo metu klasė yra išplėstinis programos kodo šablonas objektams kurti. klasės pirmiausia gali būti laikomos sintaksiniu cukrumi, palyginti su esamu „JavaScript“ paveldėjimu, pagrįstu prototipu. Šiame straipsnyje mes pateksime į „JavaScript“ klasės gylį ir sužinosime, kaip juos naudoti tokia seka:

• Kas yra „JavaScript“ klasė?
• Kaip naudotis „JavaScript“ klase?
  • Apibrėžkite klasę
  • Apibrėžkite metodus
  • Klasės pratęsimas

Kas yra „JavaScript“ klasė?

„JavaScript“ klasė yra funkcijos tipas ir deklaruojama kartu su klasės raktiniu žodžiu. Norėdami inicijuoti funkciją, turite naudoti funkcijos išraiškos sintaksę, o klasė - inicijuoti klasės išraiškos sintaksę.

// Funkcijos inicijavimas su funkcijos išraiška const a = function () {}

// Inicijuoja klasę su klasės išraiška const b = class {}

„JavaScript“ vietoje užuot naudoję raktinių žodžių funkciją, mes naudojame raktinių žodžių klasę. Taip pat savybės priskiriamos konstruktoriaus () metodui.

Kaip naudotis „JavaScript“ klase?

Kodas deklaruotas naudojant funkcija ir klasė grąžina funkciją [[Prototipas]]. Naudojant prototipus, bet kuri funkcija gali tapti konstruktoriaus egzemplioriumi, naudodama naują raktinį žodį. Pavyzdžiui:

const a = class {} // Inicializuokite konstruktorių iš klasės const constructorFromClass = new a () console.log (constructorFromClass)

Išvestis:

{} konstruktorius: klasė

Dabar „JavaScript“ yra trys skirtingi klasės naudojimo būdai. Panagrinėkime kiekvieno metodo detales su pavyzdžiu.

Apibrėžkite klasę

Konstruktoriaus funkcija inicijuojama su keletu parametrų, kurie priskiriami kaip „Tai“ , nurodant pačią funkciją. Pirmoji identifikatoriaus raidė rašoma didžiosiomis raidėmis.

// Inicijuojamas konstruktoriaus funkcijos funkcijos darbuotojas (vardas, empid) {this.name = name this.empid = empid}

Dabar, jei mes tai paversime klasės sintakse, pamatysite, kad struktūros yra labai panašios.

// Inicijuojamas klasės apibrėžimas klasės darbuotojas {konstruktorius (vardas, pavardė, empid) {this.name = pavadinimas this.empid = empid}}

Galime sakyti, kad klasės raktinis žodis bendrauja paprasčiau. Vienintelis inicijavimo sintaksės skirtumas yra klasės raktinio žodžio, o ne funkcijos naudojimas. Be to, jis priskiria savybes konstruktoriaus () metodo viduje.

Apibrėžkite metodus

Kita įprasta konstruktoriaus funkcijų praktika yra priskyrimas metodai tiesiogiai į prototipą, o ne inicializuojant. Paimsime pavyzdį ir pamatysime, kaip tai veikia:

funkcija darbuotojas (vardas, empid) {this.name = pavadinimas this.empid = empid} // Metodo pridėjimas prie konstruktoriaus darbuotojo.prototype.greet = function () {return '$ {this.name} sako labas'.}

Kai rašote tą patį kodą su klase, jis supaprastinamas ir metodas pridedamas tiesiogiai.

klasės darbuotojas {konstruktorius (vardas, empid) {this.name = pavadink tai.empid = empid} // Metodo pridėjimas prie konstruktoriaus sveikinimo () {return `$ {this.name} sako labas.`}}

Nors klasės leidžia paprastesnę ir glaustesnę sintaksę, kartais gali tekti eiti į kompromisą su proceso aiškumu.

Klasės pratęsimas

Konstruktoriaus funkcijų ir klasių pranašumas yra tas, kad jas galima išplėsti į naujus objekto brėžinius, pagrįstus tėvais. Tai padeda išvengti panašių objektų, kuriems reikia papildomų ar specifinių funkcijų, kodo pasikartojimo.

Naujos konstruktoriaus funkcijos gali būti sukurtos iš tėvų, naudojant call () metodą. Pavyzdžiui:

kaip padaryti perspėjimą javascript

// Naujo konstruktoriaus sukūrimas iš pagrindinės funkcijos informacijos (vardas, pavardė, teisingas atlyginimas).

Dabar, kai mes rašome tą patį kodą naudodami klasę, vietoj skambučio naudojamas pagrindinis raktinis žodis, norint pasiekti pagrindines funkcijas.

// Sukūrus naują klasę iš tėvų klasės informacijos, darbuotojas {konstruktorius (vardas, pavardė, teisingas asmuo, atlyginimas) {// grandinės konstruktorius su super super (vardas, pavardė, teisingas vardas) // pratęsia // Pridėkite naują nuosavybę this.salary = atlyginimas}

Užsiėmimai suteikia jums glaustesnį kūrimo būdą objektas brėžiniai, o konstruktoriaus funkcijos konkrečiau apibūdina tai, kas vyksta po gaubtu.

Tuo mes pasiekėme savo straipsnio pabaigą. Tikiuosi, kad supratote, kaip naudoti „JavaScript“ klasę.

Dabar, kai žinote apie „JavaScript“ klasę, patikrinkite pateikė Edureka. Žiniatinklio kūrimo sertifikavimo mokymai padės sužinoti, kaip sukurti įspūdingas svetaines naudojant HTML5, CSS3, „Twitter Bootstrap 3“, „jQuery“ ir „Google“ API ir įdiegti ją „Amazon Simple Storage Service“ (S3).

Turite mums klausimą? Prašau paminėti tai „JavaScript“ klasės komentarų skyriuje ir mes su jumis susisieksime.