Čo je to trieda JavaScript a ako ju používať?

V objektovo orientovanom programovaní je trieda rozšíriteľnou šablónou programového kódu na vytváranie objektov. triedy možno primárne považovať za syntaktický cukor nad existujúcim dedičstvom založeným na prototypoch JavaScriptu. V tomto článku sa pozrieme do hĺbky triedy JavaScript a naučíme sa, ako ich používať, v nasledujúcom poradí:

• Čo je to trieda JavaScript?
• Ako používať triedu JavaScript?
  • Definujte triedu
  • Definujte metódy
  • Rozšírenie triedy

Čo je to trieda JavaScript?

V JavaScripte je trieda typom funkcie a deklaruje sa pomocou kľúčového slova triedy. Musíte použiť syntax výrazu funkcie na inicializáciu funkcie a syntax výrazu triedy na inicializáciu triedy.

// Inicializácia funkcie pomocou výrazu funkcie const a = function () {}

// Inicializácia triedy s výrazom triedy const b = class {}

V JavaScripte namiesto použitia funkcie kľúčových slov na jej spustenie používame triedu kľúčových slov. Vlastnosti sú tiež priradené vo vnútri metódy constructor ().

Ako používať triedu JavaScript?

Kód deklarovaný s funkcie a trieda vrátia funkciu [[Prototyp]]. U prototypov sa každá funkcia môže stať inštanciou konštruktora pomocou nového kľúčového slova. Napríklad:

const a = class {} // Inicializovať konštruktor z triedy const constructorFromClass = nový a () console.log (constructorFromClass)

Výkon:

{} constructor: class

Teraz existujú tri rôzne spôsoby použitia triedy v JavaScripte. Pozrime sa na podrobnosti každej metódy na príklade.

Definujte triedu

Funkcia konštruktora je inicializovaná množstvom parametrov, ktoré sú priradené ako vlastnosti „Toto“ , odkazujúc na samotnú funkciu. Prvé písmeno identifikátora je veľkými písmenami konvenciou.

// Inicializácia funkcie konštruktora zamestnanec (meno, empid) {this.name = meno this.empid = empid}

Teraz, keď to preložíme do syntaxe triedy, uvidíte, že štruktúry sú si veľmi podobné.

// Inicializácia definície triedy zamestnanec triedy {konstruktor (meno, empid) {this.name = meno this.empid = empid}}

Môžeme povedať, že kľúčové slovo triedy komunikuje priamočiarejšie. Jediným rozdielom v syntaxi inicializácie je použitie kľúčového slova triedy namiesto funkcie. Priradí tiež vlastnosti vo vnútri metódy constructor ().

Definujte metódy

Ďalším bežným postupom s funkciami konštruktora je priraďovanie metódy priamo do prototypu namiesto inicializácie. Zoberieme si príklad a uvidíme, ako to funguje:

function employee (name, empid) {this.name = name this.empid = empid} // Pridanie metódy do konštruktora employee.prototype.greet = function () {return `$ {this.name} hovorí ahoj.`}

Keď píšete rovnaký kód aj s triedou, zjednoduší sa to a metóda sa pridá priamo.

zamestnanec triedy {konštruktor (meno, empid) {this.name = meno this.empid = empid} // Pridanie metódy do konštruktora greet () {return `$ {this.name} hovorí ahoj.`}}

Aj keď triedy umožňujú jednoduchšiu a výstižnejšiu syntax, niekedy budete možno musieť urobiť kompromis s jasnosťou procesu.

na čo sa používa dátová veda

Rozšírenie triedy

Výhodou funkcií a tried konštruktora je, že je možné ich rozšíriť do nových plánov objektov založených na nadradenom prvku. To pomáha predchádzať opakovaniu kódu pre objekty, ktoré sú podobné, ale potrebujú nejaké ďalšie alebo konkrétnejšie vlastnosti.

Nové funkcie konštruktora je možné vytvoriť z rodiča pomocou metódy call (). Napríklad:

// Vytvorenie nového konštruktora z informácie o nadradenej funkcii (meno, empid, plat) {// Reťazcový konštruktor s volaním employee.call (this, name, empid) this.salary = plat}

Teraz, keď napíšeme rovnaký kód pomocou triedy, sa namiesto hovoru na prístup k nadradeným funkciám použije kľúčové slovo super.

// Vytvorenie novej triedy z nadradenej triedy rozšíri informácie o zamestnancovi {konštruktor (meno, empid, plat) {// Reťazcový konštruktor so super super (meno, empid) // Pridať novú vlastnosť this.salary = plat}}

Kurzy vám poskytujú stručnejší spôsob tvorby objekt plány a funkcie konštruktora popisujú dianie pod kapotou konkrétnejším spôsobom.

Týmto sme sa dostali na koniec nášho článku. Dúfam, že ste pochopili, ako sa používa trieda JavaScript.

Teraz, keď viete o triede JavaScript, pozrite sa na od Edureka. Osvedčenie o školení v oblasti vývoja webu vám pomôže naučiť sa, ako vytvárať pôsobivé webové stránky pomocou rozhraní HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).

Máte na nás otázku? Uveďte to v sekcii komentárov „Triedy JavaScript“ a my sa vám ozveme.