JavaScript gyári funkciók

Összegzés: ebben az oktatóanyagban megismerheti a JavaScript gyári funkciókat, amelyek olyan funkciók, amelyek objektumokat adnak vissza.

Bevezetés A gyári funkciókba a JavaScript-ben

a gyári funkció olyan függvény, amely új objektumot ad vissza. A következő létrehoz egy személy nevű objektumotjohn:

Code language: JavaScript (javascript)

kimenet:

a john objektumnak két tulajdonsága van: firstName és lastName, valamint egy getFullName() metódus, amely a teljes nevet adja vissza.

tegyük fel, hogy létre kell hoznia egy másik hasonló objektumot, amelynek neve jane, a kódot a következőképpen másolhatja:

Code language: JavaScript (javascript)

kimenet:

a jane objektum ugyanazokkal a tulajdonságokkal és metódusokkal rendelkezik, mint a john objektum.

minél több objektumot szeretne létrehozni, annál több ismétlődő kódot kell másolnia.

annak elkerülése érdekében, hogy ugyanazt a kódot újra és újra másolja, kifejleszthet egy függvényt, amely létrehozza a person objektumot:

Code language: JavaScript (javascript)

amikor egy függvény létrehoz egy objektumot, azt gyári függvénynek nevezzük. A createPerson() egy gyári függvény, mert egy új person objektumot ad vissza.

a következő kód a createPerson() gyári függvényt használja két objektum létrehozására john és jane:

Code language: JavaScript (javascript)

a gyári funkcióval tetszőleges számú person objektumot hozhat létre a kód duplikálása nélkül.

objektum létrehozásakor az objektumnak hely kell a memóriában. Ha ezer person objektummal rendelkezik, akkor ezer helyre van szüksége a memóriában ezeknek az objektumoknak a tárolásához. Ezeknek a személyobjektumoknak azonban ugyanaz a getFullName() módszerük.

annak elkerülése érdekében, hogy ugyanazt a getFullName() funkciót megismételje a memóriában, eltávolíthatja a getFullName() módszert a person objektumból:

Code language: JavaScript (javascript)

helyezze át ezt a módszert egy másik objektumra:

Code language: JavaScript (javascript)

mielőtt a getFullName() metódust a person objektumra hívná, a behavior objektum metódusát a person objektumhoz rendelheti az alábbiak szerint:

Code language: JavaScript (javascript)

nehezebb lesz, ha sok módszered van, és manuálisan kell hozzárendelned őket.

ezért jön létre a Object.create() módszer.

Az Objektum.create () metódus

a Object.create() metódus új objektumot hoz létre egy meglévő objektum felhasználásával az új objektum prototípusaként:

Code language: CSS (css)

így használhatja a Object.create() az alábbiak szerint:

Code language: JavaScript (javascript)

most létrehozhat person objektumokat, és meghívhatja a behavior objektum metódusait:

Code language: JavaScript (javascript)

a kód tökéletesen működik. A gyakorlatban azonban ritkán látja a gyári funkciókat. Ehelyett látni fogja a függvény konstruktorokat vagy az osztályokat.

Összegzés

• a gyári függvény olyan függvény, amely új objektumot ad vissza.
• használja a Object.create() elemet egy meglévő objektum prototípusként történő létrehozásához.