Ismerje meg, hogyan hozhat létre osztályokat JavaScriptben

2015 -ben megjelent a JavaScript programozási nyelv ES6 verziója. Ez a kiadás néhány jelentős frissítést vezetett be a nyelven, és hivatalosan az objektum-orientált programozási nyelv kategóriába sorolta más nyelvek, például a Java és a C ++ között.

Az objektum-orientált programozás az objektumokra és a rajtuk végrehajtható műveletekre összpontosít. Mielőtt azonban bármilyen objektumot kaphat, rendelkeznie kell egy osztállyal.

A JavaScript osztályok egyike a játékot megváltoztató funkcióknak, amelyek a nyelv ES6 verziójával érkeztek. Egy osztály leírható tervrajzként, amelyet objektumok létrehozására használnak.

Ebben a bemutató cikkben megtudhatja, hogyan hozhat létre és kezelhet objektumokat a JavaScript osztályok használatával.

JavaScript osztálystruktúra

Amikor JavaScript -osztályt hoz létre, van egy alapvető összetevője, amelyre mindig szüksége lesz - a osztály kulcsszó. A JavaScript osztály szinte minden más aspektusa nem szükséges a sikeres végrehajtáshoz.

A JavaScript osztály természetesen fut, ha nincs konstruktor (az osztály egyszerűen létrehoz egy üres konstruktort a végrehajtás során). Ha azonban JavaScript osztályt konstruktorokkal és más függvényekkel hoznak létre, de nem használnak osztálykulcsot, ez az osztály nem lesz végrehajtható.

Az osztály kulcsszó (amelynek mindig kisbetűvel kell szerepelnie) elengedhetetlen a JavaScript osztálystruktúrájában. A következő példa egy JavaScript osztály általános szintaxisa. A JavaScript osztály szintaxisa az alábbiakban található:

osztály Osztálynév {
// osztálytest
}

Osztály létrehozása JavaScriptben

A programozás során az osztály általánosított entitásnak tekinthető, amelyet egy speciális objektum létrehozására használnak. Például egy iskolai környezetben egy általánosított entitás (osztály) lehetnek diákok, a tanulók tárgya pedig John Brown. Mielőtt azonban létrehozna egy objektumot, ismernie kell a tárolni kívánt adatokat, és itt jön szóba a JavaScript Constructors.

Konstruktorok használata JavaScript osztályokban

A konstruktor létfontosságú az osztály létrehozásának folyamatában néhány ok miatt; inicializálja az objektum állapotát (attribútumai révén), és automatikusan meghívásra kerül, amikor új objektumot példányosítanak (definiálnak és hoznak létre).

Konstruktori példa használata

Az alábbiakban egy konstruktor példát láthat, magyarázva annak jelentését.

osztályos tanuló {
konstruktor (keresztnév, vezetéknév, kezdési dátum) {
this.firstName = keresztnév;
this.lastName = vezetéknév;
this.startDate = startDate;
}
}

A fenti kód a JavaScript osztály konstruktorának fontos aspektusát mutatja be; ellentétben más nyelvekkel, mint például a Java és a C ++, a JavaScript konstruktőre nem használja az osztálynevet a konstruktor létrehozásához. Használja a konstruktőr kulcsszót, amint azt a fenti példában láthatja.

Összefüggő: Ismerje meg, hogyan hozhat létre osztályokat Java -ban

Az konstruktőr a fenti példában három paramétert vesz és a ez kulcsszót a paraméterek hozzárendeléséhez az osztály aktuális példányához. Kicsit zavarosnak tűnhet, de meg kell értenie, hogy az osztályt úgy tekinthetjük, mint egy tervrajzot, amelyet sok ház létrehozására használnak.

Ezután minden épített házat ennek az osztálynak a tárgyaként tekinthetünk. Bár mindegyik házat ugyanazzal a tervvel hozták létre, megkülönböztethetők sajátos földrajzi elhelyezkedésük vagy a tulajdonosok alapján.

Az ez kulcsszó az osztály által létrehozott objektumok megkülönböztetésére szolgál. Biztosítja, hogy az azonos osztály használatával létrehozott objektumok esetében a helyes adatok tárolódjanak és dolgozzanak fel.

Objektum létrehozása JavaScriptben

A konstruktorok fontosak egy olyan nyelven, mint a JavaScript, mert azok az attribútumok számát jelzik, amelyeket egy adott osztály objektumának rendelkeznie kell. Egyes nyelvek megkövetelik, hogy az attribútumot (változót) deklarálni kell, mielőtt azt konstruktorban vagy más módszerekben használhatnánk. A JavaScript esetében azonban ez nem így van.

Összefüggő: A változók deklarálása a JavaScriptben

A fenti tanulókonstruktőrt tekintve megállapítható, hogy az osztály egy objektumának három attribútuma lesz.

Példa objektum létrehozására

Az alábbiakban példát lát egy objektum létrehozására JavaScript -ben.

// új objektum létrehozása
const john = új tanuló ('John', 'Brown', '2018');

A fenti kód a Diák osztály létrehozni egy objektumot.

Egy osztály objektumának létrehozásakor a új kulcsszó, majd az osztály neve és a megfelelő attribútumokhoz hozzárendelni kívánt értékek. Most van egy új tanulója, John keresztnévvel, Brown vezetéknévvel és 2018 -as kezdési dátummal. Van egy állandó változója is: János. Ez a változó azért fontos, mert lehetővé teszi a létrehozott objektum használatát.

A nélkül János változót, akkor is létrehozhat új objektumot a Diák osztály, de akkor nem lesz mód az objektum elérésére és az osztály különböző módszereivel való használatára.

Módszerek használata JavaScript osztályokban

A metódus egy osztály függvénye, amelyet műveletek végrehajtására használnak az osztályból létrehozott objektumokon. A tanulói osztályhoz való hozzáadáshoz jó módszer az, amely minden diákról jelentést készít.

Példa osztálymódszerek létrehozására

Az alábbiakban egy példa található osztálymódszerek létrehozására JavaScript -ben.

osztályos tanuló {
konstruktor (keresztnév, vezetéknév, kezdési dátum) {
this.firstName = keresztnév;
this.lastName = vezetéknév;
this.startDate = startDate;
}
// jelentési módszer
jelentés(){
return `$ {this.firstName} $ {this.lastName} $ {this.startDate} hónapban kezdte meg ezt az intézményt
}
}

A fenti osztály tartalmaz egy módszert, amely jelentést készít minden, a Diák osztály. A használatához jelentés() metódus, akkor az osztály meglévő objektumát kell használnia egy egyszerű függvényhíváshoz.

A fenti „objektum létrehozásának példájának” köszönhetően rendelkeznie kell egy objektummal Diák osztály, amely a változóhoz van hozzárendelve János. Használata János, most sikeresen hívhatja a jelentés() módszer.

Példa az osztálymódszerek használatára

Az alábbiakban egy példa látható az osztálymódszerek használatára a JavaScriptben.

// új objektum létrehozása
const john = új tanuló ('John', 'Brown', '2018');
// a jelentési módszer meghívása és eredményének eltárolása egy változóban
legyen eredmény = john.report ();
// az eredmény nyomtatása a konzolra
console.log (eredmény);

A fenti kód a Diákok osztály a következő kimenet létrehozásához a konzolon:

John Brown 2018 -ban kezdte meg az intézmény látogatását

Statikus módszerek használata JavaScript osztályokban

A statikus metódusok egyedülállóak, mivel ezek az egyetlen olyan módszer a JavaScript osztályban, amely objektum nélkül használható.

A fenti példa alapján nem használhatja a jelentés() módszer az osztály objektuma nélkül. Ez azért van, mert a jelentés() metódus egy objektum attribútumain alapul a kívánt eredmény eléréséhez. Statikus módszer használatához azonban csak a metódust tároló osztály nevére lesz szüksége.

Példa statikus módszer létrehozására

Az alábbiakban egy példa a JavaScript statikus módszerére.

osztályos tanuló {
konstruktor (keresztnév, vezetéknév, kezdési dátum) {
this.firstName = keresztnév;
this.lastName = vezetéknév;
this.startDate = startDate;
}
// jelentési módszer
jelentés(){
return `$ {this.firstName} $ {this.lastName} $ {this.startDate} hónapban kezdte meg ezt az intézményt
}
// statikus módszer
static endDate (startDate) {
return startDate + 4;
}
}

A fenti példából fontos megjegyezni, hogy minden statikus módszer a statikus kulcsszó.

Példa statikus módszerre

Az alábbiakban egy példa a statikus módszer használatára a JavaScriptben.

// statikus metódus hívása és eredményének kinyomtatása a konzolra
console.log (Student.endDate (2018));

A fenti kódsor a Diákok osztály a következő kimenet létrehozásához a konzolon:

2022

A JavaScript osztály létrehozása egyszerű

Számos dolgot kell megjegyeznie, ha JavaScript osztályt szeretne létrehozni, és egy vagy több objektumot példányosítani szeretne belőle:

• A JavaScript osztálynak rendelkeznie kell osztály kulcsszó.
• A JavaScript konstruktor jelzi, hogy az objektum hány értéket tartalmazhat.
• Az általános osztálymódszerek objektum nélkül nem használhatók.
• Statikus módszerek objektum nélkül is használhatók.

Az konzol.log () metódust használjuk ebben a cikkben, hogy megadjuk az általános és a statikus metódusok használatának eredményeit egy JavaScript osztályban. Ez a módszer hasznos eszköz minden JavaScript fejlesztő számára, mivel segít a hibakeresési folyamatban.

Ismerkedés a console.log () metódus az egyik legfontosabb dolog, amit JavaScript fejlesztőként tehetsz.

A végső JavaScript csalólap

Gyors frissítés a JavaScript elemekről ezzel a csaló lappal.

Olvassa tovább

A szerzőről