Sužinokite, kaip kurti klases „JavaScript“

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ę.



kaip padaryti, kad fonas būtų skaidrus iliustratorius

„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{
//class body
}

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 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.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
}

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 statybininkas raktinį žodį, kaip matote aukščiau pateiktame pavyzdyje.

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

The statybininkas 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ę: 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į.

//create a new object
const john = new Student('John', '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 turite naują studentą, kurio vardas yra Jonas, pavardė Brown ir 2018 m. Pradžios data. Jūs taip pat turite pastovų kintamąjį: Džonas. Šis kintamasis yra svarbus, nes 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.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${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ą.

Dėl aukščiau pateikto objekto kūrimo pavyzdžio 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.

//create a new object
const john = new Student('John', 'Brown', '2018');
//calling the report method and storing its result in a variable
let result = john.report();
//printing the result to the console
console.log(result);

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

John Brown started attending this institution in 2018

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.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
//static method
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.

//calling a static method and printing its result to the console
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.

Dalintis Dalintis „Tweet“ Paštu Galutinis „JavaScript“ apgaulės lapas

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

Skaityti toliau Susijusios temos
  • Programavimas
  • Programavimas
  • „JavaScript“
  • Kodavimo patarimai
  • Kodavimo pamokos
Apie autorių Kadeisha Kean(Paskelbti 21 straipsniai)

Kadeisha Kean yra „Full Stack“ programinės įrangos kūrėja ir techninė/technologijų rašytoja. Ji turi aiškų sugebėjimą supaprastinti kai kurias sudėtingiausias technologines sąvokas; gaminti medžiagą, kurią lengvai supranta bet kuris naujokas. Ji aistringai rašo, kuria įdomią programinę įrangą ir keliauja po pasaulį (per dokumentinius filmus).

Daugiau iš Kadeisha Kean

Prenumeruokite mūsų naujienlaiškį

Prisijunkite prie mūsų naujienlaiškio, kad gautumėte techninių patarimų, apžvalgų, nemokamų el. Knygų ir išskirtinių pasiūlymų!

Norėdami užsiprenumeruoti, spustelėkite čia