Naudojimas laukuose arba narių kintamuosiuose JavaScript klasėse yra centrinė koncepcija, kuri su naujais standartais nuo ES6 iki ES13 tapo daug svarbesnė. Šiame vadove parodysime, kaip deklaruoti ir inicializuoti tiek viešuosius, tiek statinius laukus. Taip pat apsvarstysime šių laukų skirtumus ir naudojimą realiose programose.

Svarbiausi įžvalgos

  • Tu gali deklaruoti ir inicializuoti laukus klasėse, tiek kaip viešuosius, tiek kaip statinius narius.
  • Viešieji nariai yra prieinami visoms klasės instancijoms.
  • Statiniai nariai yra klasės lygiu ir dalijasi ta pačia atminties vieta visoms instancijoms.
  • Laukų inicializacija turėtų būti atliekama prasmingai, kad išvengti netyčinių klaidų.

Žingsnis po žingsnio vadovas

Laukų deklaravimas ir inicializavimas

Pirmiausia išmoksi, kaip deklaruoti laukus klasėje. Tu gali inicializuoti laukus tiesiogiai jų aprašymo metu, kas padidina kodo skaitomumą ir priežiūrą.

Naudodamas aukščiau pateiktą kodą, tu apibrėši lauką description su pradiniu reikšme.

Efektyviai naudoti laukus JavaScript klasėse

Kaip matyti, kai sukuri objektą, pradinė reikšmė yra tiesiogiai prieinama.

Pradinės reikšmės konstruktoriuje perrašymas

Papildomai tu gali perrašyti laukų pradinę reikšmę konstruktoriuje. Konstruktoriumi yra vadinamas metodas, kuris yra kviečiamas, kai sukuri instanciją klasėje. Šiuo atveju tu gali pakeisti laukų reikšmę perduotu argumentu.

Prieiga prie laukų

Prieiga prie laukų vyksta per tavo klasės instanciją. Naudojant this raktažodį, tu gali pasiekti narių kintamuosius.

Kai dabar sukuri Circle objektą, matysi, kad description reikšmė yra pateikiama.

Statinių laukų naudojimas

Statiniai laukų yra dar viena svarbi koncepcija, kurią tu gali naudoti savo JavaScript klasėse. Skirtingai nuo įprastų laukų, statiniai laukų yra klasės lygiu ir nėra susiję su konkrečiomis instancijomis. Tai reiškia, kad šio lauko kopija egzistuoja tik viena, nepaisant to, kiek instancijų tu sukuri iš klasės.

Prieiga prie statinių laukų

Svarbu pažymėti, kad prieiga prie statinių laukų vyksta ne per instanciją, o tik per klasę.

Statinių metodų apibrėžimas

Papildomai prie statinių laukų, tu taip pat gali apibrėžti statinius metodus savo klasėse.

Efektyviai naudoti laukus „JavaScript“ klasėse

Statinių laukų pakeitimai

Įdomus statinių laukų elgesys yra tas, kad kai tu keiti statinio lauko reikšmę, šis pakeitimas galioja visoms instancijoms.

Išvada apie laukų naudojimą JavaScript

Apibendrinant, dabar tu esi pajėgus naudoti tiek viešuosius, tiek statinius laukus JavaScript klasėse efektyviai. Tu žinai, kaip deklaruoti laukus, inicializuoti juos ir kaip pasiekti juos. Statiniai laukai ir metodai suteikia papildomų galimybių kuriant tavo klases.

Santrauka - Laukai klasėse: Vadovas JavaScript

Su šiuo vadovu tu išmokei laukų pagrindus JavaScript klasėse. Dabar turėtum būti pajėgus deklaruoti laukus, inicializuoti juos ir naudoti pagal poreikį.

Dažnai užduodami klausimai

Kokios laukų rūšys yra JavaScript klasėse?Yra viešieji ir statiniai laukai.

Kaip pasiekti statinius laukus?Tu pasieki juos per klasės pavadinimą, po kurio seka taškas.

Ką daryti, jei keičiu statinius laukus?Pakeitimai statiniuose laukuose veikia visoms klasės instancijoms.