Vaizdo pamoka: Išmokite JavaScript ir jQuery

Objektai JavaScript – Tavo žingsnis po žingsnio vadovas

Visi pamokos vaizdo įrašai Vaizdo pamoka: Mokytis JavaScript ir jQuery

Darbas su objektais yra centrinė programavimo JavaScript dalis. Dirbant su objektais, tu gali valdyti sudėtingas duomenų struktūras ir padaryti savo programas lanksčias bei išplėčiamas. Šiame vadove sužinosi, kaip tavo pačių klases apibrėžti JavaScript, kad galėtum sukurti objektus su specifinėmis savybėmis. Tai yra pagrindinė įgūdžių sritis, kuri padės tau kurti tiek paprastas, tiek sudėtingas programas. Pradėkime!

Pagrindiniai įžvalgos

  • JavaScript naudoja funkcijas klasėms apibrėžti.
  • Naudodamas konstruktorius, gali sukurti objektus su specifinėmis savybėmis.
  • Kiekvienas objektas gali turėti savų individualių vertybių, nors jie remiasi bendra šabloną.
  • Objektų naudojimas supaprastina duomenų valdymą ir elgseną tavo kode.

Paskalos – žingsnis po žingsnio

Apibrėžti klasę

Pirmajame žingsnyje mes apibrėšime paprastą klasę. JavaScript tu gali kurti klases su funkcijos raktu. Tai mus grąžina į laikus, prieš ES6 sintaksę klasėms buvo įvesta, tačiau tai vis dar svarbi metodika, kurią turėtum žinoti. Pradėk kurti funkciją, pavadintą Auto, kuri apims automobilio savybes, tokias kaip markė, spalva ir AG.

Objektai JavaScript'e – Tavo žingsnis po žingsnio vadovas

Nustatyti savybes konstruktoriumi

Funkcijoje tu nustatai, kokias savybes gali turėti automobilis. Tu gali nustatyti šias savybes pasinaudodamas this nuoroda. this nurodo šiuo metu instancijuojamą objektą. Taip užtikrinsime, kad kiekvienas automobilis, kurį tu sukursi vėliau, turės savo vertes šioms savybėms.

Sukurti klasės instanciją

Norėdamas sukurti objektą iš savo klasės, tu naudoji new raktinį žodį. Taip tu instancijuoji naują objektą iš Auto klasės. Tu perduodi klasei reikalingas savybes, tokias kaip markė, spalva ir AG, kad inicializuotum objektą. Pavyzdžiui, tu gali sukurti naują automobilį, pavadintą Golf.

Sukurti dar vieną objektą

Norėdamas parodyti objekto orientacijos lankstumą JavaScript, tu sukuri antrą objektą, šį kartą Audi. Vėlgi tu naudoji new sintaksę ir suteiki šiai instancijai skirtingas vertes savybėms, kad pabrėžtum, jog kiekvienas objektas yra unikalus, nors jie remiasi ta pačia klasės definicija.

Rodyti objekto savybes

Dabar, kai tu sukūrei du objektus, atėjo laikas parodyti jų savybes. Tu gali naudoti document.write metodą, kad HTML puslapyje parodytum Golf modelio markę. Tai padės tau suprasti, kaip pasiekti objekto savybes.

Praktinis objekto taikymas

Kitame žingsnyje pagalvokime apie sudėtingesnius projektus. Įsivaizduok, kad objektai JavaScript nėra tinkami tik automobiliams. Pagalvok apie kompiuterinį žaidimą, kuriame turi apibrėžti skirtingus priešininkus su skirtingomis savybėmis. Tu gali valdyti priešininkų savybes su objektais, kuriuos visi priešininkai turi tą patį pagrindinį elgesį, tačiau skiriasi specifiniais detalėmis.

Pobūdžio tobulinimas funkcijų papildymu

Galimybės, kurias tau suteikia objekto orientacija, yra beveik neribotos. Kai tu įvaldysi darbą su klasėmis ir objektais, tu galėsi pridėti funkcijas prie savo klasių, kad reguliuotum objekto elgesį. Tai yra tema, kurią mes plačiau aptarsime kitame vadovėlyje.

Apibendrinimas – Objektų kūrimas JavaScript: Išsami vadovėlis

Objektų kūrimas ir valdymas yra pagrindinė kompetencija, leidžianti tau efektyviai naudoti JavaScript. Dabar sužinojai, kaip kurti klases, generuoti objektų instancijas ir apibrėžti šių objektų savybes. Šios žinios padeda tau tampant geresniu programuotoju. Naudok šiuos konceptus, kad toliau tobulintum savo JavaScript įgūdžius!

Dažnai užduodami klausimai

Kaip apibrėžti klasę JavaScript?Tu apibrėži klasę JavaScript su raktiniu žodžiu function, po kuriuo seka klasės pavadinimas.

Kas yra this klasės apibrėžtyje?this nurodo šiuo metu instancijuojamą objektą ir padeda nustatyti jo savybes.

Kaip sukurti klasės instanciją?Tu kuri instanciją klasės su new raktiniu žodžiu, po kurio eina klasės pavadinimas ir perduodi reikalingus parametrus.

Ar galiu sukurti objektus iš tos pačios klasės su skirtingomis vertėmis?Taip, kiekvienas objektas gali turėti skirtingas vertes savo savybėms, net jei jie priklauso tai pačiai klasei.

Kas yra objekto pavyzdžiai kasdieniame gyvenime?Iššokinėjantys langai, formos įvedimai arba grafiniai žaidimo personažai yra praktiniai objektų pavyzdžiai.