Kaj so JavaScript objekti?
Predmeti so osnovni gradniki vsakega predmetno usmerjenega jezika. JavaScript, ki je objektno orientiran jezik, ni izjema od tega koncepta. Ker je JavaScript široko sprejet zaradi njegove zmožnosti dinamičnega vedenja spletnih strani, se morate zavedati javascripta in kako delati s svojimi predmeti.
Predmeti v javascriptu so skupina različnih vrst podatkov ali predmeti, sestavljeni kot pari ključ-vrednost. Ključni del predmeta ni nič drugega kot lastnosti predmeta.
Na primer, upoštevajmo, da imamo predmet "Študent", kjer so njegove lastnosti: ime_ime, priimek, starost, učenec_id, razred itd. Predstavitev predmeta Java za ta predmet študenta bi bila predstavljena na naslednji način:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Tukaj upoštevajte, da lastnosti ime_ime, priimek in razred vsebujejo vrednosti vrste podatkov String, medtem ko so starost in študentski_i številčni podatki.
Kako ustvariti predmet v JavaScript?
Za ustvarjanje predmetov javascript ponuja nekaj možnosti, s pomočjo katerih lahko ustvarite predmete po potrebi.
1. Uporaba sintakse inicializatorja predmeta
Sintaksa inicializatorja predmeta je seznam imen lastnosti (ključi) skupaj z njihovimi vrednostmi, ki je priložen kodrastim naramnicam ((…)). V zgornjem primeru smo ustvarili objekt "učenec" s sintakso inicializatorja predmeta. Skladnja je naslednja:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Tu so lastnosti bodisi primitivne vrste podatkov (niz, številka, Boolean, null in undefined so primitivne vrste podatkov v javascriptu) ali drug objekt.
Za primer
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Upoštevajte, da je tukaj lastnost staršev tipa tipa. Sestavljen je iz dveh podznamk, in sicer očeta in matere.
2. Uporaba funkcije konstruktorja
V tem primeru najprej določite funkcijo konstruktorja z ustreznimi lastnostmi, po kateri ustvarite svoj objekt s pomočjo nove ključne besede. Nato dodelite vrednosti temu novo ustvarjenemu predmetu.
Na primer: upoštevajmo funkcijo konstruktorja, recimo Študent:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Upoštevajte, da se mora ime konstruktorja začeti z velikim začetkom v skladu s konvencijo o poimenovanju.
Zdaj pa ustvarimo predmet s ključno besedo "novo".
var myStudent = new Student('Anita Rai', 14, 'female');
Upoštevajte tudi, da tukaj samo posredujemo vrednosti konstruktorju. Konstruktor dodeli te vrednosti ustreznim lastnostim s ključno besedo "to". Na trenutni objekt se omenja s ključno besedo "to".
3. Izkoriščanje primerka predmeta
Lahko pa uporabimo tudi primerek objekta / konstruktor objekta, da ga ustvari in inicializira na naslednji način:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Uporaba metode Create () v razredu predmetov
Predmete lahko ustvarite tudi z uporabo metode create (), ki jo nudi objektni razred. Metoda create ustvari prototip predmeta kot parameter. Zaradi tega bi se lahko izognili pisanju funkcije konstruktorja.
Za primer
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Tu je "študent" naš prototipni objekt. Zdaj s tem ustvarimo še en predmet:
var student_1 = object.create(student);
Tu se ustvari objekt student_1 z uporabo prototipa študenta. Če je treba spremeniti katero koli vrednost tega novo ustvarjenega predmeta, potem to storite na naslednji način:
Student_1.name = “Ananya Gupta”;
Zdaj ima objekt student_1 podobne vrednosti lastnosti, kot jih ima objekt, razen lastnosti "ime".
Kako dostopati do predmetov v JavaScript?
Ko je objekt ustvarjen, je treba naslednje vedeti, kako do njega dostopati? No, javascript ponuja dva načina, s katerimi lahko do objekta dostopate:
1. Uporaba primerka predmeta
Tu se uporabniški primerek uporablja za dostop do njegovih lastnosti.
Sintaksa: object.property
Na primer: upoštevajte, da imamo definiran študent predmeta,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Zdaj za dostop do predmeta in njegovih lastnosti ga natisnimo na konzolo:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Uporaba kvadratnih oklepajev
Lastnost predmeta se postavi v kvadratne oklepaje za samim objektom.
Sintaksa: object('property')
Na primer: Dostop do zgornjega predmeta študenta s kvadratnimi oklepaji,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
Metode predmeta JavaScript
Nekaj večinoma uporabljenih metod javascripta je naslednje:
- create (): Kot smo že videli zgoraj, se ta metoda uporablja za ustvarjanje predmetov JavaScript iz predmeta prototipa.
- is (): Ta metoda kot parameter vzame drugi objekt in ugotovi, ali sta oba predmeta enaka in vrne Booleovo vrednost. Če sta oba predmeta enaka, se vrne »true«, sicer »false«.
- keys (): Metoda keys () sprejme objekt javascript kot parameter in vrne niz njegovih lastnosti.
- vrednosti (): Podobno metoda vrednosti vzame tudi objekt javascript kot parameter in vrne niz njegovih vrednosti.
- entries (): Ta metoda tudi kot parameter sprejme objekt javascript in vrne matriko, ki vsebuje drugo matriko obeh parov ključ-vrednost. Primer: Še enkrat razmislimo o našem "študentskem" predmetu,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Zaključek
Ta članek ponuja predstavo o tem, kaj natančno predstavljajo objekti JavaScripta in različne načine, kako jih lahko ustvarite. Govori tudi o lastnostih teh predmetov in o tem, kako bi lahko do njih dostopali na različne načine. Na koncu se morate zavedati najpogosteje uporabljenih metod za delo s predmeti JavaScript.
Priporočeni članki
To je vodnik za predmete JavaScript. Tukaj razpravljamo o tem, kako ustvariti predmet v JavaScript in kako dostopati do predmetov v JavaScript. Za več informacij si lahko ogledate tudi naslednje članke -
- Konstruktor v JavaScript
- Prevlado v JavaScript
- Značilnosti JavaScript
- Kako deluje JavaScript
- Objekt v Javi