Az objektum-orientált programozásban az osztály kiterjeszthető program-kód-sablon objektumok létrehozására. osztályok elsősorban szintaktikai cukorkának tekinthetők a JavaScript meglévő prototípus-alapú öröklődésével szemben. Ebben a cikkben bemutatjuk a JavaScript osztály mélységét, és megtanuljuk, hogyan kell használni őket a következő sorrendben:
Mi az a JavaScript osztály?
A JavaScript-ben az osztály egy függvénytípus, amelyet az osztály kulcsszóval deklarálunk. A függvény kifejezés szintaxisát kell használnia a függvény inicializálásához, az osztály kifejezés szintaxisát pedig egy osztály inicializálásához.
// Funkció inicializálása a const a = function () {} függvény kifejezéssel
// Osztály inicializálása osztálykifejezéssel const b = class {}
A JavaScript-ben ahelyett, hogy a kulcsszó függvényt használnánk a kezdeményezéshez, a kulcsszó osztályt használjuk. Ezenkívül a tulajdonságok egy konstruktor () metóduson belül vannak hozzárendelve.
Hogyan kell használni a JavaScript osztályt?
A kódot a funkció és az osztály egyaránt egy [[Prototípus]] függvényt ad vissza. Prototípusok használatával bármely függvény az új kulcsszó használatával konstruktorrá válhat. Például:
const a = class {} // Egy konstruktor inicializálása egy class const konstruktorbólFromClass = new a () console.log (constructorFromClass)
Kimenet:
mi a névtér c ++
egy {} konstruktor: osztály
Az osztály használatának három különböző módja van a JavaScript-ben. Vessünk egy példát az egyes módszerek részleteibe.
Definiáljon osztályt
A konstruktor függvény számos paraméterrel inicializálódik, amelyeket a tulajdonságokként rendelünk hozzá 'ez' , utalva magára a funkcióra. Az azonosító első betűje nagybetűs írás szerint.
// Egy konstruktor függvény-függvény alkalmazottjának inicializálása (név, empid) {this.name = név this.empid = empid}
Most, ha ezt lefordítjuk az osztály szintaxisába, látni fogja, hogy a struktúrák nagyon hasonlóak.
// Osztálymeghatározás osztály alkalmazottjának inicializálása {konstruktor (név, empid) {this.name = név this.empid = empid}}
Azt mondhatjuk, hogy az osztály kulcsszó egyszerűbb módon kommunikál. Az inicializálás szintaxisában az egyetlen különbség az osztály kulcsszó használata a funkció helyett. Ezenkívül hozzárendeli a tulajdonságokat egy konstruktor () metódus belsejében.
Definiálja a módszereket
Egy másik gyakori gyakorlat a konstruktor funkcióival a hozzárendelés mód inicializálás helyett közvetlenül a prototípushoz. Vegyünk egy példát, és megnézzük, hogyan működik:
függvény alkalmazott (név, empid) {this.name = név this.empid = empid} // Metódus hozzáadása a konstruktorhoz alkalmazott.prototype.greet = function () {return '$ {this.name} köszön.'}
Amikor ugyanazt a kódot írja az osztályával, akkor az egyszerűsödik, és a módszer közvetlenül hozzáadódik.
osztály alkalmazottja {konstruktor (név, empid) {this.name = név this.empid = empid} // Metódus hozzáadása a konstruktor üdvözletéhez () {return '$ {this.name} köszön.'}}
Bár az osztályok egyszerűbb és tömörebb szintaxist tesznek lehetővé, néha kompromisszumokat kell kötnie a folyamat világosságával.
Osztály kiterjesztése
A konstruktor függvények és osztályok előnye, hogy kibővíthetők új objektum tervrajzokkal a szülőtől függetlenül. Ez segít megelőzni a hasonló objektumok kódjának megismétlését, de további vagy specifikusabb funkciókra van szükségük.
Új konstruktor függvények létrehozhatók a szülőből a call () módszerrel. Például:
// Új konstruktor létrehozása a szülőfüggvény információiból (név, empid, fizetés) {// Lánc-konstruktor a call alkalmazottal. Hívja (ez, név, empid) this.salary = fizetés}
Most, amikor ugyanazt a kódot írjuk az osztály használatával, a szuper függvény eléréséhez a szuper kulcsszót használjuk a hívás helyett.
// Új osztály létrehozása a szülő osztály adataiból kiterjeszti a {konstruktor (név, empid, fizetés) {// lánc konstruktort szuper szuperrel (név, empid) // új tulajdonság hozzáadása ez: fizetés = fizetés}}
Az osztályok tömörebb módon készítik el az alkotást tárgy tervrajzok és konstruktor funkciók konkrétabban leírják, hogy mi történik a motorháztető alatt.
Ezzel a cikkünk végére értünk. Remélem, megértette a JavaScript osztály használatát.
Most, hogy tud a JavaScript osztályról, nézze meg a írta Edureka. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat a HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k használatával, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.
Van egy kérdésünk? Kérjük, említse meg a „JavaScript osztály” megjegyzés rovatában, és mi kapcsolatba lépünk Önnel.