JavaScript je programovací jazyk, který se široce používá k vytváření webových aplikací a interakci s uživateli na webových stránkách. JavaScript má mnoho konceptů a možností a jedním z nich je práce s třídami.
Třída je šablona, podle které jsou objekty vytvořeny. Obsahuje vlastnosti (proměnné) a metody (funkce), které popisují chování vytvářených objektů. Třídy v JavaScriptu jsou podobné třídám v jiných objektově orientovaných programovacích jazycích, ale mají některé vlastnosti.
Pro vytvoření třídy se v JavaScriptu používá klíčové slovo class. Za klíčovým slovem je uveden název třídy, obvykle s velkým písmenem. V závorkách jsou pak popsány jeho vlastnosti a metody. Každá vlastnost je proměnná a každá metoda je funkce. V rámci metod lze k vlastnostem třídy přistupovat pomocí klíčového slova this.
Základy tříd v JavaScriptu
Konstruktér třídy je speciální metoda s názvem constructor, který je povolán při vytváření nové instance třídy. Návrhář umožňuje nastavit počáteční hodnoty vlastností objektu. Pro přístup k vlastnostem a metodám třídy uvnitř konstruktoru se používá klíčové slovo this.
Třídy mohou mít vlastnosti, které jsou nastaveny uvnitř nebo vně konstruktoru pomocí klíčového slova static, který umožňuje vytvářet vlastnosti dostupné bez vytvoření instance třídy.
Metody třídy jsou definovány uvnitř těla třídy a mají přístup k vlastnostem a metodám třídy pomocí klíčového slova this. Metody mohou být vytvořeny jako běžné funkce nebo jako funkce šipek.
K vytvoření instance třídy se používá klíčové slovo new. Při vytváření instance třídy je Konstruktor automaticky vyvolán a nový objekt se vrátí.
Třídy vám umožňují vytvářet strukturovaný a flexibilní kód, který lze snadněji udržovat a rozšiřovat. Jsou základem pro vytváření objektů s požadovanými vlastnostmi a metodami, díky čemuž je Kód čitelnější a umožňuje znovu použít stejný kód k vytvoření více objektů.
Proč potřebujeme třídy?
Používání tříd pomáhá zlepšit čitelnost a organizaci kódu. Umožňují zapouzdření dat a metod, což umožňuje efektivnější implementaci oddělení odpovědnosti a snadnější podporu kódu.
Třídy také umožňují vytvářet nové objekty na základě těch stávajících. Mohou zdědit vlastnosti a funkčnost jiných tříd, což usnadňuje vývoj a umožňuje opětovné použití kódu.
Díky třídám v JavaScriptu mohou programátoři vytvářet strukturovanější a modulárnější kód, což zlepšuje jeho čitelnost a podporuje jeho škálovatelnost.
Vytvoření třídy
V JavaScriptu jsou třídy vytvořeny pomocí klíčového slova class. Jsou to šablony, podle kterých lze vytvářet objekty určitého typu.
Chcete-li vytvořit třídu, musíte se naučit její strukturu:
- Návrhář - je to speciální metoda třídy, která je vyvolána při vytváření objektu této třídy. Obvykle se používá k inicializaci vlastností objektu.
- Vlastnosti - jsou to proměnné, které obsahují data související s objektem třídy.
- Metody - jsou to funkce, které provádějí určité činnosti s objektem třídy.
Kód pro vytvoření třídy může vypadat následovně:
class Класс Метод1(параметры)/ Действия, выполняемые методом> Метод2(параметры)/ Действия, выполняемые методом> >
V rámci třídy lze vytvořit libovolný počet vlastností a metod v závislosti na požadované funkčnosti.
Při vytváření objektu třídy je povolán konstruktor, který může přijímat parametry. Například:
class Класс Метод() >let объект = new Класс(значение1, значение2);
V tomto příkladu je vytvořen objekt třídy třídy, který obsahuje dvě vlastnosti a jednu metodu. Hodnoty vlastností se při vytváření objektu přenášejí do konstruktoru. Metoda vrací součet vlastností objektu.
Dědičnost tříd v JavaScriptu
V JavaScriptu mohou třídy od sebe dědit pomocí klíčového slova extends . Dědičnost umožňuje vytvořit novou třídu na základě té stávající a používat její vlastnosti a metody.
Chcete-li vytvořit dědičnou třídu, musíte vyhlásit novou třídu s klíčovým slovem class a určit rodičovskou třídu pomocí extends . Nová třída bude obsahovat všechny vlastnosti a metody rodičovské třídy a může také přidat své vlastní.
class Animal sayHello() `);>>class Cat extends Animal sayHello() и я $`);>purr() >const cat = new Cat('Барсик', 'рыжий');cat.sayHello(); // Мяу, я Барсик и я рыжийcat.purr(); // Мур-мур
V uvedeném příkladu třída Cat zdědí vlastnosti a metody od třídy Animal . Přidává také vlastní vlastnost color a metodu purr . Při vytváření instance třídy Cat lze použít jak zděděné metody, tak přidané vlastnosti a metody.
Dědičnost tříd v JavaScriptu tak poskytuje pohodlný způsob organizace kódu a opětovného použití funkčnosti. Umožňuje vytvářet hierarchie tříd se společnými a specifickými vlastnostmi a metodami.