A JavaScript objektum állapottal és viselkedéssel (tulajdonságokkal és metódussal) rendelkező entitás. Például: autó, toll, kerékpár, szék, üveg, billentyűzet, monitor stb.
A JavaScript egy objektum alapú nyelv. JavaScriptben minden objektum.
A JavaScript sablon alapú, nem osztály alapú. Itt nem hozunk létre osztályt az objektum lekéréséhez. De irányítjuk az objektumok létrehozását.
Objektumok létrehozása JavaScriptben
3 módja van az objektumok létrehozásának.
jelölt kulcs
- Tárgyszó szerint
- Az objektumpéldány közvetlen létrehozásával (új kulcsszó használatával)
- Objektumkonstruktor használatával (új kulcsszó használatával)
1) JavaScript Objektum szerinti literál
Az objektum literál használatával történő objektum létrehozásának szintaxisa az alábbiakban látható:
object={property1:value1,property2:value2.....propertyN:valueN}
Amint láthatja, a tulajdonságot és az értéket : (kettőspont) választja el.
Lássuk az objektum létrehozásának egyszerű példáját JavaScriptben.
emp={id:102,name:'Shyam Kumar',salary:40000} document.write(emp.id+' '+emp.name+' '+emp.salary);Tesztelje most
A fenti példa kimenete
2) Objektum példány létrehozásával
Az objektum közvetlen létrehozásának szintaxisa az alábbiakban látható:
var objectname=new Object();
Itt, új kulcsszó objektum létrehozására szolgál.
Lássuk az objektum közvetlen létrehozásának példáját.
var emp=new Object(); emp.id=101; emp.name='Ravi Malik'; emp.salary=50000; document.write(emp.id+' '+emp.name+' '+emp.salary);Tesztelje most
A fenti példa kimenete
3) Objektum konstruktor használatával
Itt létre kell hozni egy függvényt argumentumokkal. Minden argumentumérték hozzárendelhető az aktuális objektumhoz ezzel a kulcsszóval.
A ezt a kulcsszót az aktuális objektumra utal.
Az alábbiakban bemutatjuk az objektum objektum konstruktorral történő létrehozásának példáját.
function emp(id,name,salary){ this.id=id; this.name=name; this.salary=salary; } e=new emp(103,'Vimal Jaiswal',30000); document.write(e.id+' '+e.name+' '+e.salary);Tesztelje most
A fenti példa kimenete
Metódus meghatározása a JavaScript objektumban
A módszert JavaScript objektumban definiálhatjuk. A metódus definiálása előtt azonban hozzá kell adnunk egy tulajdonságot a függvényhez, amelynek neve megegyezik a metódussal.
Az alábbiakban bemutatjuk a metódus objektumban történő meghatározásának példáját.
function emp(id,name,salary){ this.id=id; this.name=name; this.salary=salary; this.changeSalary=changeSalary; function changeSalary(otherSalary){ this.salary=otherSalary; } } e=new emp(103,'Sonoo Jaiswal',30000); document.write(e.id+' '+e.name+' '+e.salary); e.changeSalary(45000); document.write(' <br>'+e.id+' '+e.name+' '+e.salary);Tesztelje most
A fenti példa kimenete
JavaScript objektum módszerek
Az objektum különféle módszerei a következők:
Igen nem | Mód | Leírás |
---|---|---|
1 | Object.assign() | Ezzel a módszerrel számozható és saját tulajdonságokat másolhatunk egy forrásobjektumról a célobjektumra |
2 | Object.create() | Ez a módszer egy új objektum létrehozására szolgál a megadott prototípus objektumokkal és tulajdonságokkal. |
3 | Object.defineProperty() | Ez a módszer a tulajdonság bizonyos viselkedési attribútumainak leírására szolgál. |
4 | Object.defineProperties() | Ez a módszer több objektumtulajdonság létrehozására vagy konfigurálására szolgál. |
5 | Object.entries() | Ez a metódus egy tömböt ad vissza kulcs-értékpárok tömbjeivel. |
6 | Object.freeze() | Ez a módszer megakadályozza a meglévő tulajdonságok eltávolítását. |
7 | Object.getOwnPropertyDescriptor() | Ez a metódus egy tulajdonságleírót ad vissza a megadott objektum megadott tulajdonságához. |
8 | Object.getOwnPropertyDescriptors() | Ez a metódus egy adott objektum összes saját tulajdonságleíróját adja vissza. |
9 | Object.getOwnPropertyNames() | Ez a metódus az összes talált tulajdonság (felsorolható vagy nem) tömbjét adja vissza. |
10 | Object.getOwnPropertySymbols() | Ez a metódus az összes saját szimbólumkulcs tulajdonság tömbjét adja vissza. |
tizenegy | Object.getPrototypeOf() | Ez a metódus a megadott objektum prototípusát adja vissza. |
12 | Object.is() | Ez a módszer meghatározza, hogy két érték azonos-e. |
13 | Object.isExtensible() | Ez a módszer meghatározza, hogy egy objektum bővíthető-e |
14 | Object.isFrozen() | Ez a módszer meghatározza, hogy egy objektum lefagyott-e. |
tizenöt | Object.isSealed() | Ez a módszer meghatározza, hogy egy objektum le van-e zárva. |
16 | Object.keys() | Ez a metódus egy adott objektum saját tulajdonságneveinek tömbjét adja vissza. |
17 | Object.preventExtensions() | Ezzel a módszerrel megakadályozható az objektum kiterjesztése. |
18 | Object.seal() | Ez a módszer megakadályozza az új tulajdonságok hozzáadását, és az összes meglévő tulajdonságot nem konfigurálhatóként jelöli meg. |
19 | Object.setPrototypeOf() | Ez a módszer egy adott objektum prototípusát egy másik objektumra állítja be. |
húsz | Object.values() | Ez a metódus értékek tömbjét adja vissza. |