Sužinokite, kaip kurti klases „JavaScript“

2015 metais buvo išleista „JavaScript“ programavimo kalbos ES6 versija. Šis leidimas pristatė keletą svarbių kalbos patobulinimų ir oficialiai įtraukė ją į objektinę programavimo kalbą tarp kitų kalbų, tokių kaip „Java“ ir „C ++“.

Į objektą orientuotas programavimas orientuojasi į objektus ir operacijas, kurias galima atlikti su jais. Tačiau prieš turėdami objektus turite turėti klasę.

„JavaScript“ klasės yra viena iš žaidimą keičiančių funkcijų, įtrauktų į ES6 kalbos versiją. Klasę galima apibūdinti kaip planą, kuris naudojamas objektams kurti.

Šiame mokymo straipsnyje sužinosite, kaip kurti ir valdyti objektus naudojant „JavaScript“ klases.

„JavaScript“ klasės struktūra

Kuriant „JavaScript“ klasę, yra vienas esminis komponentas, kurio jums visada reikės - klasė raktinis žodis. Beveik visi kiti „JavaScript“ klasės aspektai nėra būtini sėkmingam jos vykdymui.

„JavaScript“ klasė bus vykdoma natūraliai, jei nepateikiamas konstruktorius (vykdymo metu klasė tiesiog sukurs tuščią konstruktorių). Tačiau jei sukurta „JavaScript“ klasė su konstruktoriais ir kitomis funkcijomis, bet nenaudojamas klasės raktinis žodis, ši klasė nebus vykdoma.

The klasė raktinis žodis (kuris visada turėtų būti rašomas mažosiomis raidėmis) yra būtinas „JavaScript“ klasės struktūroje. Šis pavyzdys yra bendroji „JavaScript“ klasės sintaksė. „JavaScript“ klasės sintaksė pateikiama žemiau:

class ClassName {
// klasės kūnas
}

Klasės kūrimas „JavaScript“

Programuojant klasė gali būti vertinama kaip apibendrintas objektas, naudojamas specialiam objektui sukurti. Pavyzdžiui, mokyklos aplinkoje apibendrintas subjektas (klasė) gali būti mokiniai, o mokinių objektas - Johnas Brownas. Tačiau prieš kurdami objektą turite žinoti duomenis, kuriuos jis išsaugos, ir čia atsiranda „JavaScript“ konstruktoriai.

Konstruktorių naudojimas „JavaScript“ klasėse

Konstruktorius yra gyvybiškai svarbus kuriant klasę dėl kelių priežasčių; jis inicijuoja objekto būseną (per jo atributus) ir automatiškai iškviečiamas, kai naujas objektas yra momentinis (apibrėžtas ir sukurtas).

Konstruktoriaus pavyzdys

Žemiau pamatysite konstruktoriaus pavyzdį su paaiškinimu, ką tai reiškia.

klasės mokinys {
konstruktorius (vardas, pavardė, pradžios data) {
tai.pavadinimas = vardas;
this.lastName = pavardė;
this.startDate = pradžios data;
}
}

Aukščiau pateiktas kodas yra svarbus „JavaScript“ klasės konstruktoriaus aspektas; skirtingai nuo kitų kalbų, tokių kaip „Java“ ir „C ++“, „JavaScript“ konstruktorius nenaudoja klasės pavadinimo kurdamas konstruktorių. Jis naudoja konstruktorius raktinį žodį, kaip matote aukščiau pateiktame pavyzdyje.

Susijęs: Sužinokite, kaip kurti klases „Java“

The konstruktorius aukščiau pateiktame pavyzdyje yra trys parametrai ir naudojamas tai raktinį žodį, kad priskirtumėte parametrus dabartiniam klasės egzemplioriui. Tai gali atrodyti šiek tiek painu, bet jūs turite suprasti, kad klasė gali būti vertinama kaip planas, naudojamas kuriant daugybę namų.

Tada kiekvienas pastatytas namas gali būti vertinamas kaip šios klasės objektas. Nors kiekvienas iš šių namų yra sukurtas pagal tą patį projektą, juos galima atskirti pagal konkrečią geografinę padėtį arba žmones, kuriems jie priklauso.

The tai raktinis žodis naudojamas kiekvienam klasės sukurtam objektui atskirti. Tai užtikrina, kad būtų saugomi ir apdorojami teisingi kiekvieno objekto, sukurto naudojant tą pačią klasę, duomenys.

Objekto kūrimas „JavaScript“

Konstruktoriai yra svarbūs tokioje kalboje kaip „JavaScript“, nes jie nurodo tam tikros klasės objekto atributų skaičių. Kai kurioms kalboms reikės, kad atributas (kintamasis) būtų deklaruojamas prieš jį naudojant konstruktoriuje ar kitais metodais. Tačiau taip nėra „JavaScript“ atveju.

Susijęs: Kaip deklaruoti kintamuosius „JavaScript“

Žvelgdami į aukščiau pateiktą studentų klasės konstruktorių, galite pastebėti, kad šios klasės objektas turės tris atributus.

Objekto pavyzdžio kūrimas

Žemiau matysite objekto kūrimo „JavaScript“ pavyzdį.

// sukurti naują objektą
const john = naujas studentas ('Jonas', 'Brown', '2018');

Aukščiau pateiktas kodas naudoja Studentas klasė sukurti objektą.

Kurdami klasės objektą, turite naudoti naujas raktinį žodį, po kurio seka klasės pavadinimas ir reikšmės, kurias norite priskirti atitinkamiems atributams. Dabar jūs turite naują studentą, kurio vardas yra Jonas, pavardė Brown ir 2018 m. Taip pat turite pastovų kintamąjį: Džonas. Šis kintamasis yra svarbus, nes jis leidžia naudoti sukurtą objektą.

Be Džonas kintamąjį, vis tiek galėsite sukurti naują objektą naudodami Studentas klasę, bet tada nebus galimybės pasiekti šio objekto ir naudoti jį naudojant skirtingus klasės metodus.

Metodų naudojimas „JavaScript“ klasėse

Metodas yra klasės funkcija, naudojama operacijoms su objektais, sukurtais iš klasės, atlikti. Geras būdas pridėti prie mokinių klasės yra tas, kuris sukuria ataskaitą apie kiekvieną mokinį.

Klasės metodų kūrimo pavyzdys

Žemiau pateikiamas klasės metodų kūrimo „JavaScript“ pavyzdys.

klasės mokinys {
konstruktorius (vardas, pavardė, pradžios data) {
tai.pavadinimas = vardas;
this.lastName = pavardė;
this.startDate = pradžios data;
}
// ataskaitos metodas
ataskaita () {
return `$ {this.firstName} $ {this.lastName} pradėjo lankyti šią įstaigą $ {this.startDate}
}
}

Aukščiau esančioje klasėje yra metodas, kuris sukurs ataskaitą apie kiekvieną mokinį, sukurtą naudojant Studentas klasė. Norėdami naudoti ataskaita () metodą, turėsite naudoti esamą klasės objektą, kad atliktumėte paprastą funkcijos iškvietimą.

Aukščiau pateikto „sukurti objekto pavyzdį“ dėka turėtumėte turėti objektą Studentas klasė, priskirta kintamajam Džonas. Naudojant Džonas, dabar galite sėkmingai paskambinti ataskaita () metodas.

Klasės metodų naudojimas Pavyzdys

Žemiau pateikiamas klasės metodų naudojimo „JavaScript“ pavyzdys.

// sukurti naują objektą
const john = naujas studentas ('Jonas', 'Brown', '2018');
// iškviesti ataskaitos metodą ir išsaugoti jo rezultatą kintamajame
tegul rezultatas = john.report ();
// rezultato spausdinimas į konsolę
console.log (rezultatas);

Aukščiau pateiktas kodas naudoja Studentai klasę, kad konsolėje būtų sukurta tokia išvestis:

Johnas Brownas pradėjo lankyti šią įstaigą 2018 m

Statinių metodų naudojimas „JavaScript“ klasėse

Statiniai metodai yra unikalūs, nes jie yra vieninteliai „JavaScript“ klasės metodai, kuriuos galima naudoti be objekto.

Iš aukščiau pateikto pavyzdžio negalite naudoti ataskaita () metodas be klasės objekto. Taip yra todėl, kad ataskaita () metodas remiasi objekto atributais, kad gautų norimą rezultatą. Tačiau norint naudoti statinį metodą, jums reikės tik klasės, kurioje saugomas metodas, pavadinimo.

Statinio metodo kūrimo pavyzdys

Žemiau pateikiamas statinio „JavaScript“ metodo pavyzdys.

klasės mokinys {
konstruktorius (vardas, pavardė, pradžios data) {
tai.pavadinimas = vardas;
this.lastName = pavardė;
this.startDate = pradžios data;
}
// ataskaitos metodas
ataskaita () {
return `$ {this.firstName} $ {this.lastName} pradėjo lankyti šią įstaigą $ {this.startDate}
}
// statinis metodas
static endDate (startDate) {
return startDate + 4;
}
}

Svarbu atkreipti dėmesį į aukščiau pateiktą pavyzdį, kad kiekvienas statinis metodas prasideda nuo statinis raktinis žodis.

Statinio metodo pavyzdys

Žemiau pateikiamas statinio metodo naudojimo „JavaScript“ pavyzdys.

// iškviesti statinį metodą ir spausdinti jo rezultatą į konsolę
console.log (Student.endDate (2018));

Aukščiau esančioje kodo eilutėje naudojamas Studentai klasę, kad konsolėje būtų sukurta tokia išvestis:

2022

Sukurti „JavaScript“ klasę yra paprasta

Jei norite sukurti „JavaScript“ klasę ir iš jos atkurti vieną ar daugiau objektų, turite atsiminti keletą dalykų:

• „JavaScript“ klasėje turi būti klasė raktinis žodis.
• „JavaScript“ konstruktorius nurodo objekto reikšmių skaičių.
• Bendrieji klasės metodai negali būti naudojami be objekto.
• Statinius metodus galima naudoti be objekto.

The konsolė.žurnalas () metodas naudojamas šiame straipsnyje, siekiant pateikti bendrųjų ir statinių metodų naudojimo „JavaScript“ klasėje rezultatus. Šis metodas yra naudingas įrankis bet kuriam „JavaScript“ kūrėjui, nes padeda derinimo procese.

Susipažinkite su console.log () metodas yra vienas iš svarbiausių dalykų, kuriuos galite padaryti kaip „JavaScript“ kūrėjas.

Galutinis „JavaScript“ apgaulės lapas

Greitai atnaujinkite „JavaScript“ elementus naudodami šį apgaulingą lapą.

Skaityti toliau

Apie autorių