Co je třída JavaScript a jak ji používat?

V objektově orientovaném programování je třída rozšiřitelná šablona programového kódu pro vytváření objektů. třídy lze primárně považovat za syntaktický cukr nad existující prototypovou dědičností JavaScriptu. V tomto článku se dostaneme do hloubky třídy JavaScriptu a naučíme se, jak je používat v následujícím pořadí:

• Co je to třída JavaScript?
• Jak používat třídu JavaScript?
  • Definujte třídu
  • Definujte metody
  • Rozšíření třídy

Co je to třída JavaScript?

V JavaScriptu je třída typem funkce a je deklarována klíčovým slovem třídy. Musíte použít syntaxi výrazu funkce k inicializaci funkce a syntaxi výrazu třídy k inicializaci třídy.

// Inicializace funkce s výrazem funkce const a = function () {}

// Inicializace třídy s výrazem třídy const b = class {}

V JavaScriptu namísto použití funkce klíčových slov k její iniciaci používáme třídu klíčových slov. Vlastnosti jsou také přiřazeny uvnitř metody konstruktoru ().

Jak používat třídu JavaScript?

Kód deklarovaný pomocí funkce a třída vrátí funkci [[Prototyp]]. U prototypů se každá funkce může stát instancí konstruktoru pomocí nového klíčového slova. Například:

const a = class {} // Inicializovat konstruktor z třídy const constructorFromClass = nový a () console.log (constructorFromClass)

Výstup:

{} konstruktor: třída

Nyní existují tři různé způsoby použití třídy v JavaScriptu. Podívejme se na podrobnosti každé metody na příkladu.

Definujte třídu

Funkce konstruktoru je inicializována s řadou parametrů, které jsou přiřazeny jako vlastnosti 'tento' , odkazující na samotnou funkci. První písmeno identifikátoru je psáno velkými písmeny konvencí.

// Inicializace funkce konstruktoru zaměstnanec (name, empid) {this.name = name this.empid = empid}

Nyní, když to přeložíme do syntaxe třídy, uvidíte, že struktury jsou velmi podobné.

// Inicializace definice třídy zaměstnanec třídy {konstruktor (jméno, empid) {this.name = jméno this.empid = empid}}

Můžeme říci, že klíčové slovo třídy komunikuje příměji. Jediným rozdílem v syntaxi inicializace je použití klíčového slova třídy místo funkce. Přiřadí také vlastnosti uvnitř metody constructor ().

Definujte metody

Další běžnou praxí s funkcemi konstruktoru je přiřadit metody přímo na prototyp místo inicializace. Vezmeme si příklad a uvidíme, jak to funguje:

function employee (name, empid) {this.name = name this.empid = empid} // Přidání metody do konstruktoru employee.prototype.greet = function () {return `$ {this.name} says hello.`}

Když píšete stejný kód s třídou, zjednoduší se to a metoda se přidá přímo.

zaměstnanec třídy {konstruktor (name, empid) {this.name = name this.empid = empid} // Přidání metody do konstruktoru greet () {return `$ {this.name} says hello.`}}

Ačkoli třídy umožňují jednodušší a stručnější syntaxi, někdy budete možná muset udělat kompromis s jasností procesu.

Jak používat tostring

Rozšíření třídy

Výhodou konstruktorových funkcí a tříd je, že je lze rozšířit do nových plánů objektů na základě nadřazeného objektu. To pomáhá při prevenci opakování kódu u objektů, které jsou podobné, ale vyžadují některé další nebo konkrétnější funkce.

Nové funkce konstruktoru lze vytvořit z nadřazeného objektu pomocí metody call (). Například:

// Vytvoření nového konstruktoru z nadřazené funkce info (name, empid, plat) {// Chain constructor with call employee.call (this, name, empid) this.salary = plat}

Nyní, když napíšeme stejný kód pomocí třídy, se místo volání pro přístup k nadřazeným funkcím použije klíčové slovo super.

// Vytvoření nové třídy z nadřazené třídy informace rozšiřuje zaměstnance {konstruktor (jméno, empid, plat) {// Řetězcový konstruktor se super super (název, empid) // Přidat novou vlastnost this.salary = plat}}

Třídy vám poskytnou stručnější způsob vytváření objekt plány a funkce konstruktoru popisují, co se děje pod kapotou, konkrétnějším způsobem.

Tím jsme se dostali na konec našeho článku. Doufám, že jste pochopili, jak používat třídu JavaScript.

Nyní, když víte o třídě JavaScript, podívejte se na podle Edureka. Certifikační školení pro vývoj webových aplikací vám pomůže naučit se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).

Máte na nás dotaz? Uveďte to prosím v sekci komentářů „Třídy JavaScriptu“ a my se vám ozveme.