Čo sú to objekty JavaScript?
Objekty sú základnými stavebnými kameňmi pre každý objektovo orientovaný jazyk. JavaScript, ktorý je objektovo orientovaným jazykom, nie je výnimkou tohto konceptu. Vzhľadom na to, že javascript je široko prijímaný kvôli svojej schopnosti poskytovať dynamické správanie sa na webových stránkach, mali by ste si byť vedomí javascriptu a spôsobu práce s jeho objektmi.
Objekty v javascripte sú skupinou rôznych typov údajov alebo objektov zostavených ako páry kľúč - hodnota. „Kľúčová“ časť objektu nie je nič iné ako vlastnosti objektu.
Uvažujme napríklad, že máme objekt „Študent“, ktorého vlastnosti sú: meno, priezvisko, vek, meno študenta, trieda atď. Reprezentácia objektu javascript pre tento študentský objekt by bola reprezentovaná takto:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Tu si všimnite, že vlastnosti first_name, last_name a class obsahujú hodnoty dátového typu String, zatiaľ čo vek a student_id sú dátového typu number.
Ako vytvoriť objekt v JavaScripte?
Aby bolo možné vytvárať objekty, javascript poskytuje niekoľko možností, pomocou ktorých je možné vytvárať objekty podľa potreby.
1. Využitie syntaxe inicializátora objektov
Syntax inicializátora objektu je zoznam názvov vlastností (kľúčov) spolu s ich príslušnými hodnotami, uzavretých v zložených zátvorkách ((…)). Vo vyššie uvedenom príklade sme vytvorili objekt „student“ pomocou syntaxe inicializátora objektu. Syntax je nasledovná:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Vlastnosti sú tu buď primitívneho typu údajov (reťazec, číslo, booleovské, nulové a nedefinované primitívne typy údajov v javascripte) alebo iný objekt.
Napríklad
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Všimnite si, že vlastnosť „rodičia“ je typu objektu. Pozostáva z dvoch vedľajších nehnuteľností, a to otca a matky.
2. Využitie funkcie Constructor
V tomto prípade najprv definujte funkciu konštruktora s jeho príslušnými vlastnosťami, a potom vytvorte svoj objekt pomocou kľúčového slova „nové“. Potom priraďte hodnoty tomuto novovytvorenému objektu.
Napríklad: Pozrime sa na funkciu konštruktora, povedzme Študent:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Všimnite si, že meno konštruktora by malo začínať veľkými písmenami podľa pomenovania.
Teraz vytvorme objekt pomocou kľúčového slova „nové“.
var myStudent = new Student('Anita Rai', 14, 'female');
Všimnite si tiež, že tu odovzdávame hodnoty iba konštruktorovi. Konštruktor priraďuje tieto hodnoty k príslušným vlastnostiam pomocou kľúčového slova „this“. Na aktuálny objekt sa odkazuje pomocou kľúčového slova „toto“.
3. Využitie inštancie objektu
Inou možnosťou je použiť konštruktor objektu / objekt na jeho vytvorenie a inicializáciu nasledujúcim spôsobom:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Použitie metódy Create () v triede objektov
Dalo by sa tiež vytvoriť objekty pomocou metódy create () poskytnutej triedou objektov. Metóda create berie ako parameter prototyp prototypu. Z tohto dôvodu by sa dalo vyhnúť tomu, aby sa písala konštruktorská funkcia.
Napríklad
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Tu je náš študent prototyp. Teraz pomocou tohto vytvorme ďalší objekt:
var student_1 = object.create(student);
Tu je objekt student_1 vytvorený pomocou študentského prototypu. Ak je potrebné zmeniť niektorú z hodnôt na tento novovytvorený objekt, urobí sa to takto:
Student_1.name = “Ananya Gupta”;
Teraz má objekt student_1 podobné hodnoty vlastností ako študentský objekt s výnimkou vlastnosti „name“.
Ako získať prístup k objektom v JavaScripte?
Po vytvorení objektu je potrebné vedieť, ako k nemu pristupujeme? Javascript poskytuje dva spôsoby, pomocou ktorých by človek mohol pristupovať k objektu:
1. Použitie inštancie objektu
Tu sa inštancia objektu používa na prístup k jeho vlastnostiam.
Syntax: object.property
Napríklad: zvážte, či máme definovaný predmet študenta,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Teraz, aby sme získali prístup k objektu a jeho vlastnostiam, vytlačme ho na konzolu:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Použitie hranatých zátvoriek
Vlastnosť objektu sa umiestni do hranatých zátvoriek za samotným objektom.
Syntax: object('property')
Napríklad: Prístup k uvedenému študentskému objektu pomocou hranatých zátvoriek,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
Metódy objektu JavaScript
Málo najčastejšie používaných javascriptových metód je nasledovné:
- create (): Ako sme už videli vyššie, táto metóda sa používa na vytváranie javascriptových objektov z prototypového objektu.
- is (): Táto metóda berie ako parameter druhý objekt a určuje, či sú oba objekty rovnaké a vráti logickú hodnotu. To znamená, že ak sú oba objekty rovnaké, vráti sa „true“, inak „false“.
- keys (): Metóda keys () berie objekt javascript ako parameter a vracia pole svojich vlastností.
- hodnoty (): Podobne metóda hodnôt berie objekt javascript ako parameter a vracia pole svojich hodnôt.
- Položky (): Táto metóda tiež vezme objekt javascript ako parameter a vráti pole obsahujúce ďalšie pole obidvoch párov kľúč - hodnota. Príklad: Pozrime sa ešte raz na náš „študentský“ objekt,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
záver
Tento článok poskytuje predstavu o tom, čo presne sú objekty JavaScriptu a rôzne spôsoby, ako ich možno vytvoriť. Diskutuje tiež o vlastnostiach, ktoré tieto objekty majú, ao tom, ako by sa k nim mohli dostať rôznymi spôsobmi. Nakoniec, najbežnejšie používané metódy je potrebné poznať na prácu s objektmi javascript.
Odporúčané články
Toto je sprievodca objektmi JavaScript. Tu diskutujeme o tom, ako vytvoriť objekt v JavaScripte a ako získať prístup k objektom v JavaScripte. Ďalšie informácie nájdete aj v nasledujúcich článkoch -
- Konstruktor v JavaScripte
- Prepísanie v jazyku JavaScript
- Funkcie JavaScriptu
- Ako funguje JavaScript
- Objekt v Jave