JavaScript yra kalba, kuri ne tik plačiai naudojama žiniatinklio kūrime, bet ir siūlo daugybę programinių koncepcijų, kurios yra esminės suprantant programavimą. Viena iš šių koncepcijų yra objektinis programavimas (OOP), kuris leidžia jums intuityviai modeliuoti sudėtingas duomenų struktūras. Šiame vadove mes giliai panersime į objektų pasaulį ir ištirsime, kaip galite kurti ir naudoti savo klases, kad padarytumėte savo programas efektyvesnes.

Pagrindiniai pastebėjimai

  • Objektai yra esminės struktūros JavaScript.
  • Klasė veikia kaip objektų šablonas ir apibrėžia jų savybes ir metodus.
  • Objektai JavaScript yra universalūs ir gali apimti ir funkcijas.
  • Galite kurti savo klases, pritaikytas specifiniams naudojimo atvejams.

Žingsnis po žingsnio vadovas

Kas yra objektai ir klasės?

Objektai programavime yra centriniai elementai, kurie JavaScript įgauna ypač lankstų pavidalą. OOP klasė laikoma objekto planu. Tai reiškia, kad klasė apibrėžia objekto struktūrą ir elgesį.

Objektai ir klasės JavaScripte

Jūs tikrai jau dirbote su klasėmis, pavyzdžiui, su masyvo klase. Ši klasė turi savo savybes – pavyzdžiui, savybę length – ir metodus, tokius kaip push arba reverse, kurie teikia specifines funkcijas masyvų manipuliavimui. Klasė gali turėti tiek savybes, tiek metodus, ir kiekviena klasė JavaScript gali turėti individualizuotų bruožų.

Automobilio pavyzdys

Pažiūrėkime praktinį pavyzdį, kad suprastume, kaip veikia objektai. Automobilis gali turėti savybes, tokias kaip spalva, AG (arklių jėgos) ir gamybos metai.

Be to, automobilis gali atlikti įvairias funkcijas, tokias kaip važiavimas, stabdymas ar signalizavimas. Šie skirtingi bruožai ir funkcijos daro objektus tokiais galingais, ypač kai reikia atstovauti realaus pasaulio subjektams jūsų programose. Kiekvienas automobilis turės unikalius savo savybių vertes.

Savarankiškų klasių kūrimas

Jūs galite naudoti ne tik iš anksto numatytas klases, bet ir kurti savo klases, kurios apibrėžia specifines savybes ir metodus. Tai suteikia jums lankstumo kurti programas taip, kad jos tiksliai atitiktų jūsų reikalavimus.

Kai kuriate savo klasę, galite taip pat apibrėžti konstruktorių. Konstruktorius yra specialus metodas, kuris yra kviečiamas kuriant naują objektą ir leidžia nustatyti individualias vertes kiekvieno objekto savybėms.

Paimkime dar kartą mūsų automobilio pavyzdį. Jūs galite sukurti kelis automobilio objektus su skirtingomis spalvomis, AG ir gamybos metais, kurie visi kyla iš tos pačios klasės.

Pirmieji žingsniai su objektais JavaScript

Dabar pažiūrėkime paprastą pavyzdį.

Šiuo atveju tai yra paprasta kintamoji, kuri vis dėlto gali būti laikoma objektu.

Suprasti objektus ir klases JavaScript'e

Taip pat galite pasiekti šio objekto savybes ir metodus.

Vykdydami programą matysite „7“ išvesties rezultatą, nes „VW Golf“ simbolių skaičius yra septyni.

JavaScript lankstumas

JavaScript siūlo nepaprastą lankstumą, nes galite taip pat saugoti funkcijas kintamuosiuose ir daug daugiau. Šios savybės daro JavaScript ypatinga programavimo kalba, kuri suteikia daug galimybių būti kūrybingam.

Ateities temų apžvalga

Svarbu, kad ateityje rengiuose vaizdo įrašuose dar giliau ištirsime konstruktorių koncepcijas ir pateiksime šių pavyzdžių. Čia jūs išmoksite, kaip sukurti sudėtingesnius objektus ir kaip jie remiasi jūsų specifine taikymo logika.

Santrauka – Objektai JavaScript – Išsamus vadovas

Objektai yra objektiškai orientuoto programavimo JavaScript širdis. Jūs sužinojote, kad klasės veikia kaip šablonai objektams, ir kad galite kurti savo klases, kad atitiktų specifinius reikalavimus. Su paprastu pavyzdžiu, tokiu kaip automobilis, aptarėme pagrindinius objektų principus ir jų lankstumą.

Dažnai užduodami klausimai

Koks skirtumas tarp klasės ir objekto?Klasė yra šablonas arba planas, o objektas yra šios klasės instancija.

Ar galiu sukurti kelis objektus iš vienos klasės?Taip, galite sukurti tiek daug objektų, kiek norite iš vienos klasės, ir kiekvienas objektas gali turėti individualias vertes savo savybėms.

Kaip apibrėžti metodą klasėje?Metodas apibrėžiamas klasėje ir gali būti kviečiamas naudojant klasės pavadinimą ir objekto instanciją.

Ar galiu taip pat saugoti funkcijas kaip savybes objekte?Taip, JavaScript galite saugoti funkcijas objektuose kaip metodus, kas leidžia lanksčiau tvarkyti duomenis.