Pamata pamācība par HTML, CSS un JavaScript

Objektu izveide JavaScript - pamati jāiepazīstas

Visi pamācības video Pamatu pamācība par HTML, CSS un JavaScript

JavaScript ir viena no svarīgākajām programmēšanas valodām, īpaši tīmekļa izstrādes jomā. Darbs ar objektiem ir centrāls, jo objekti spēlē fundamentālu lomu datu organizēšanā un attēlošanā. Ja jums jau ir pieredze ar Java, objekti JavaScript var šķist neierasti. Iepazīsimies kopā ar pamatiem šiem izcilajiem konceptiem.

Galvenās atziņas

  • Objekti JavaScript būtiski atšķiras no tiem, kas ir Java, piedāvājot elastīgāku struktūru.
  • Objektus var izveidot, izmantojot literālo notāciju vai konstruktora funkcijas.
  • Izpratne par this izmantošanu konstruktorfunkcijās ir izšķiroša, strādājot ar objektiem.

Solī pa solim

1. Ievads objektos

Ja dzirdat terminu "objekti" saistībā ar JavaScript, jums var šķist, ka tas ir vienkāršota Java objektu versija. Patiesībā JavaScript objekti ir struktūrēti citādi un pilda citas funkcijas nekā to ekvivalenti Java.

Objektu izveide JavaScript – pamati jāsaprot

JavaScript ļauj jums izveidot objektus asociatīvo masīvu formā. Tas nozīmē, ka jūs varat piekļūt vērtībām, izmantojot atslēgas vārdus, nevis skaitliskus indeksus.

2. Vienkārša objekta izveide

Šajā gadījumā mēs izmantojam izliektās iekavas un definējam īpašības "vārds" un "uzvārds". Tā vietā, lai piekļūtu caur skaitliskiem indeksiem, mēs tieši piekļūstam caur atslēgām.

Objektu izveide JavaScript – pamati jāpazīst

Jūs varat piekļūt objekta īpašībām, izmantojot mainīgā vārdu un atslēgas vārdu.

3. Objekta izveide ar new operatoru

Vēl viens veids, kā izveidot objektu, ir new operatora izmantošana kopā ar Object konstruktora funkciju.

Šeit tiek izveidots jauns objekts ar tādu pašu pieeju, vienīgi mēs izmantojam new operatoru, lai izveidotu objekta instanci.

4. Konstruktora funkciju izmantošana

Konstruktora funkcijas ir elegants veids, kā izveidot vairākus objektus ar līdzīgām īpašībām. Mēs vienkārši definējam funkciju, kas kalpo kā plāns.

Izmantojot this konstruktorfunkcijā, jūs varat kontrolēt objektu īpašības, kas tiek izveidotas no šīs funkcijas.

Objektu izveide JavaScript – pamati jāsaprot

5. Objektu instancēšana ar konstruktora funkciju

Lai izveidotu jaunu Person funkcijas instanci, mēs vēlreiz izmantojam new operatoru.

Šeit tiek izveidota jauna persona ar "vārda" un "uzvārda" atribūtiem.

Objekta veidošana JavaScript – pamatprincipu apgūšana

6. Lasāmības uzlabošana ar lielajiem burtiem

Lasāmības un konvenciju dēļ ir ieteicams konstruktorfunkcijas nosaukumu sākt ar lielo burtu. Tas padara skaidrāku atšķirību starp funkcijām un konstrukcijas objektiem.

Šajā gadījumā kļūst vieglāk saprast, ka Person kalpo kā plāns objektiem.

Objekta izveide JavaScript – pamatu iepazīšana

7. Iepriekš definētu objektu izmantošana JavaScript

JavaScript piedāvā daudz iebūvētu objektu, piemēram, String, Array un Date. Šie objekti palīdz jums padarīt jūsu programmēšanu vēl efektīvāku. Ieteicams izmantot šos objektus, nevis implementēt loģiku pats.

Objektu izveide JavaScriptā – pamati

Nākamajās nodarbībās mēs padziļināti izpētīsim objektu īpašības un to metodes.

Kopsavilkums – Objekta izveide JavaScript – pamati un piemēri

Jūs tagad esat iepazinies ar pamatiem objekta izveidē JavaScript, gan izmantojot literālo notāciju, gan konstruktora funkcijas. Dziļa šo konceptu izpratne ir izšķiroša, lai pilnībā izmantotu JavaScript potenciālu tīmekļa izstrādes jomā.

Biežāk uzdotie jautājumi

Kas ir objekti JavaScript?Objekti JavaScript ir īpašību kolekcijas, kas ir organizētas atslēgas-vērtības pāros.

Kā izveidot objektu JavaScript?Objektu var izveidot, izmantojot izliektās iekavas vai new Object() konstruktors.

Kas ir konstruktora funkcija?Konstruktora funkcija ir īpaša funkcija, ko izmanto, lai izveidotu vairākas objekta instancē.

Kāpēc es izmantoju this konstruktorfunkcijās?this atsaucas uz esošo objektu, kas tiek instancēts konstruktorfunkcijā.

Kas ir iebūvēti objekti JavaScript?Iebūvēti objekti ir iepriekš definēti objekti, piemēram, String, Array un Date, ko nodrošina JavaScript.

274