Home-theater-designers
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.
hogyan találja meg a grafikus kártya adatait
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, akkor 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ó:
class ClassName{
//class body
}
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 konstruktorok.
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 konstruktori példát láthat, amely magyarázatot ad annak jelentésére.
class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
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 építész kulcsszót, amint azt a fenti példában láthatja.
Összefüggő: Ismerje meg, hogyan hozhat létre osztályokat Java -ban
Az építész 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 ezen osztály 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 a megfelelő adatokat tárolja és dolgozza fel minden objektumhoz, amelyet ugyanazzal az osztály használatával hoztak létre.
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 bármely más módszerben használni lehetne. A JavaScript esetében azonban ez nem így van.
Kapcsolódó: A változók deklarálása a JavaScriptben
Ha megnézzük a fenti hallgatói osztály konstruktorát, láthatjuk, 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.
//create a new object
const john = new Student('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. Önnek is van egy állandó változója: 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 bemutatunk egy példát osztálymódszerek létrehozására a JavaScriptben.
class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
}
A fenti osztály tartalmaz egy módszert, amely jelentést készít minden tanulóról, amelyet 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ási példá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.
//create a new object
const john = new Student('John', 'Brown', '2018');
//calling the report method and storing its result in a variable
let result = john.report();
//printing the result to the console
console.log(result);
A fenti kód a Diákok osztály a következő kimenet létrehozásához a konzolon:
John Brown started attending this institution in 2018Statikus 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 objektum 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. A 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.
class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
//static method
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.
//calling a static method and printing its result to the console
console.log(Student.endDate(2018));
A fenti kódsor a Diákok osztály a következő kimenet létrehozásához a konzolon:
2022A 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:
- Egy 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 módszerek 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.
Részvény Részvény Csipog Email A végső JavaScript csalólapGyors frissítés a JavaScript elemekről ezzel a csalólappal.
Olvassa tovább Kapcsolódó témák- Programozás
- Programozás
- JavaScript
- Kódolási tippek
- Kódolási oktatóanyagok
Kadeisha Kean Full Stack szoftverfejlesztő és műszaki/technológiai író. Megvan az a képessége, hogy leegyszerűsítse a legösszetettebb technológiai fogalmakat; olyan anyagot állít elő, amelyet minden technológiai kezdő könnyen megért. Szenvedélyesen ír, érdekes szoftvereket fejleszt és utazik a világban (dokumentumfilmeken keresztül).
Bővebben: Kadeisha KeanIratkozzon fel hírlevelünkre
Csatlakozz hírlevelünkhöz, ahol technikai tippeket, értékeléseket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!
Feliratkozáshoz kattintson ide