Tárgyak, webreferencia
Az általunk létrehozott objektum két tulajdonságot tartalmaz: firstName és lastName. A "szó szerinti objektumok szintaxisát" használva hoztuk létre - vagyis egy kulcs-érték párok készletét <>. Felhívjuk a figyelmet arra, hogy minden párnál kettőspont kerül a kulcs és az érték közé, és az egyes párok közötti vessző. Vegye figyelembe azt is, hogy az utolsó kulcs-érték pár után nincs vessző - ha véletlenül vesszőt helyez el az utolsó pár után, hibákat kap a régi böngészőkben.
Tulajdonságok elérése
Az objektumot egy személynevű változóban tároljuk. amely lehetővé teszi, hogy könnyen elérje az objektum tulajdonságait, a jelölést ponttal vagy szögletes zárójelekkel.
Vegyük észre, hogy a zárójelben szereplő megjegyzésben egy idézőjelet használtunk az ingatlannak; a pontjelölésben egyszerűen használtuk az ingatlannevet idézőjelek nélkül. A zárójelzéssel ellátott jelölés hasznos megközelítés, ha azt mondjuk, hogy később egy változóban tárolja az ingatlannevet:
Az objektum létrehozása után megváltoztathatjuk a tulajdonságait.
Tárgymódszerek
Az objektummódszerek egyszerűen olyan tulajdonságok, amelyek értékei funkciók. Adjuk hozzá a .greet () metódust személyünknek:
Ebben a példában a .greet () metódus a karakterláncot érti. Amikor egy módszert hívunk, egyszerűen elküldjük a személy firstName tulajdonságának értékét. Ha szuper flexibilis (.greet) módszert akarunk. aki bárki szívesen fogadja, erre van szükségünk. De valószínűleg több értelme van, hogy a .greet () módszer egy bizonyos személyt üdvözöl.
Ezt megérteni
A módszer belsejében, de a valóságban minden funkción belül megtalálható egy speciális kulcsszó. Ez egy olyan objektumra utal, amelyik a függvény neve.
Amikor person.greet () -nek hívjuk. Az objektum kontextusa maga a személy. Ez azt jelenti, hogy ezt használhatjuk és elérhetjük az objektum objektumának tulajdonságát közvetlenül a .greet () metódustól.
Lássuk, hogyan használhatnánk ezt a módszerünkben.
Nem olyan zavaros, ugye? Összetévedés merül fel, mert ennek jelentése megváltozhat - amint korábban már említettük - attól függ, hogy milyen függvényt hívtak meg! Tekintsük a következő kódot:
Figyelem! Helytelen kód
Amikor a .greet () metódust a sayIt változóba mentjük. majd mondja sayIt (). Az objektum kontextusa átkerül a globális objektumra. nem az objektum személye. Mivel az ablakobjektumnak nincs firstname tulajdonsága. meghatározhatjuk, amikor megpróbáljuk elérni.
Mi a fejlesztőnek? Először is tudnia kell, hogy az objektummódszerek változóváltozatokban történő tárolása előre nem látható következményekkel járhat. Másodszor, ne feledje, hogy ezt a funkciót a .call () vagy a .apply () metódusok segítségével a kívánt értékre állíthatja be.
Mindkét módszer nagyon hasonló. A .apply () metódus lehetővé teszi az elérni kívánt függvény argumentumainak átadását is. Képzeld el, hogy bizonyos érveket átadnak a .greet () metódusunknak; át tudnánk adni őket a .call () használatával. így:
Ugyanúgy tehetjük meg a .apply () függvényt. de az argumentumokat egy-egy tömb formájában kell átadni, az egyes érvek helyett:
Objektumok a jQuery-ban
Mi csak felületesen elsajátítottuk az objektumokat, de most már ismerjük az alapokat, hogy megtanuljuk használni a jQuery objektumokat. Az alapvető jQuery objektumokban nagymértékben meghatározza a konfigurációs paramétereket. Megadhatja például egy objektumot, és ezzel egyidejűleg módosíthatja az elemhez tartozó CSS-tulajdonságokat:
Ami ezt illeti. A jQuery általában szabályozza az értékét. Eseménykezelők esetében ez arra az elemre vonatkozik, amelyre a kezelő kötelező; A kiválasztásban szereplő elemek felsorolása esetén ez a jelenlegi elemre vonatkozik. Nem kell aggódnia a megértéshez a kezdeti képzés során - ez csak egy jó dolog, és emlékezzen rá, amíg a továbbképzése folytatódik.