Mi az a JavaScript osztály és hogyan kell használni?

Az osztály kiterjeszthető programkód-sablon objektumok létrehozására. A javascript osztály egy függvénytípus, és az osztály kulcsszóval deklarálva van.

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.