JavaScript - je to jeden z nejoblíbenějších programovacích jazyků, který je široce používán k vytváření interaktivních webových stránek. Jedním z rysů tohoto jazyka je přítomnost prototypů objektů, které hrají důležitou roli v programování v JavaScriptu.
Prototyp je objekt, který se používá k dědičnosti vlastností a metod jiného objektu. Při vytváření objektů se v JavaScriptu používá klíčové slovo this, který odkazuje na současný objekt a umožňuje přístup k jeho vlastnostem a metodám.
Funkce použití klíčového slova this je to, že může změnit svůj odkaz v závislosti na kontextu volání funkce. Například při volání metody objektu, this bude odkazovat na samotný objekt a při volání metody z globálního kontextu na globální objekt (např., window v prohlížeči).
Pro práci s prototypy se v JavaScriptu používají různé metody, jako jsou Object.create(), Object.setPrototypeOf() a další. Umožňují vytvářet objekty s konkrétním prototypem a měnit prototyp objektu během procesu programu. Použití prototypů vám umožňuje vytvářet flexibilnější a škálovatelnější programy v JavaScriptu.
Funkce práce s prototypy v JavaScriptu
Prototypy v JavaScriptu umožňují vytvářet a rozšiřovat objekty tím, že mění jejich strukturu a funkčnost. Interakce s prototypy má řadu funkcí, které je důležité vzít v úvahu při vývoji.
1. Prototypová dědičnost. V JavaScriptu se provádí prototypová dědičnost, což znamená, že objekt může dědit vlastnosti a metody ze svého prototypu. Pokud pole nebo metoda nejsou v objektu nalezeny, JavaScript je vyhledá v prototypu.
2. Klíčové slovo this. V kontextu práce s prototypy objektů v JavaScriptu bude klíčové slovo this odkazovat na samotný objekt, u kterého je metoda vyvolána. Při vyvolání metody zděděného z prototypu objektu bude this odkazovat na samotný objekt, nikoli na prototyp.
3. Změna prototypů. Prototyp objektu lze změnit přidáním nebo odstraněním vlastností a metod. V tomto případě budou všechny objekty zděděné z tohoto prototypu automaticky aktualizovány.
4. Řetěz prototypů. Každý objekt má svou vlastní vlastnost [[Prototype]] což ukazuje na jeho prototyp. Pokud jsou v prototypu přítomny jiné prototypy, pak tvoří řetězec, kterým JavaScript projde při hledání Vlastnosti nebo metody pro konkrétní objekt.
5. Konstruktéři a prototypy. V JavaScriptu jsou prototypové objekty vytvářeny pomocí konstruktérů. Konstruktéři vytvářejí nový objekt a předepisují jeho prototyp. Všechny vlastnosti a metody vytvořené v konstruktoru se stávají vlastnostmi a technikami objektu a všechny vlastnosti a metody přidané do prototypu konstruktéra se stávají prototypovými vlastnostmi a metodami.
6. Dědičnost prototypových vlastností. Při dědičnosti prototypových vlastností dochází k kopírování prototypových vlastností z jednoho objektu do druhého. Přitom změna prototypových vlastností v jednom objektu nemá vliv na druhý.
7. Prototypy a výkon. Použití prototypů může zlepšit výkon při práci s objekty, protože sdílené metody a vlastnosti jsou v prototypu a nejsou duplikovány v každém objektu.
Všechny tyto vlastnosti dělají z prototypů výkonný nástroj pro práci s objekty v JavaScriptu, který umožňuje flexibilní a rozšiřitelnou datovou strukturu a funkčnost.
Klíčové slovo this v JavaScriptu
Když je funkce vyvolána jako metoda objektu, Klíčové slovo this odkazuje na tento objekt. Například v následujícím kódu:
var obj = name: "John",
greet: function() console.log("Hello, " + this.name + "!");
>
>;
V tomto příkladu, při volání metody greet () objektu obj, bude hodnota klíčového slova this odkazovat na samotný objekt obj. To umožňuje použít vlastnost name aktuálního objektu.
Klíčové slovo this lze také použít v globální oblasti viditelnosti, pokud je funkce vyvolána Samostatně. V tomto případě bude hodnota klíčového slova this odkazovat na objekt window, který představuje aktuální okno prohlížeče nebo globální kontext provádění JavaScriptu. Například:
function greet() console.log("Hello, " + this.name + "!");
>
var name = "John";
V tomto příkladu, při volání funkce greet () bez kontextu objektu, bude hodnota klíčového slova this odkazovat na objekt window, protože proměnná name je definována v globální oblasti viditelnosti.
Klíčové slovo this lze také propojit s jiným objektem pomocí metod call () a apply (). Například:
V tomto příkladu metoda call() vyvolá funkci greet () v kontextu objektu obj1 a obj2 a význam klíčového slova this uvnitř funkce odkazuje na příslušný objekt.
Použití klíčového slova this v JavaScriptu umožňuje vytvářet flexibilní a znovu použitelné objektově orientované programy, kde mohou funkce a metody operovat s daty konkrétního objektu.
Způsoby práce s prototypy objektů
V JavaScriptu se prototypy používají k přidání nových vlastností a metod do objektů. Je to výkonný mechanismus, který umožňuje vytvářet nové objekty na základě těch stávajících.
Existuje několik způsobů, jak pracovat s prototypy objektů:
1. Dědičnost prostřednictvím prototypové vlastnosti _ _ proto__:
Tento způsob umožňuje přiřadit objektu prototyp, který bude použit k dědičnosti vlastností a metod. Například:
let parent = < name: "Parent" >; let child = < age: 10 >; child.__proto__ = parent; console.log(child.name); // "Parent"
2. Použití metody Object.create():
Metoda Object.create () vytváří nový objekt s uvedeným prototypem. Například:
let parent = < name: "Parent" >; let child = Object.create(parent); child.age = 10; console.log(child.name); // "Parent"
3. Konstruktéři a klíčové slovo new:
Pomocí konstruktorů a klíčového slova new lze vytvářet objekty s určitou strukturou. Konstruktéři obsahují metody a vlastnosti, které budou k dispozici v nových objektech. Například:
function Parent() < this.name = "Parent"; >let child = new Parent(); child.age = 10; console.log(child.name); // "Parent"
4. Použití tříd:
V nových verzích JavaScriptu se objevila možnost používat třídy pro práci s prototypy objektů. Třídy poskytují uživatelsky přívětivou syntaxi pro definování konstruktorů a metod objektů. Například:
class Parent < constructor() < this.name = "Parent"; >> let child = new Parent(); child.age = 10; console.log(child.name); // "Parent"
Díky znalosti různých způsobů práce s prototypy je mohou vývojáři efektivně využít k vytváření a dědičnosti objektů v JavaScriptu.
Vytvoření prototypu pomocí konstrukční funkce
Chcete-li vytvořit prototyp pomocí funkce konstruktoru, musíte vytvořit funkci, která bude sloužit jako šablona pro objekty. Název funkce konstruktoru obvykle začíná velkým písmenem.
function Person(name, age) var person1 = new Person("John", 25);var person2 = new Person("Alice", 30);V tomto příkladu se funkce konstruktoru Person používá k vytváření objektů person1 a person2. Návrhář přijímá dvě možnosti-name a age, které inicializují vlastnosti objektů.
Pomocí funkce Konstruktor můžeme snadno vytvořit mnoho objektů se stejnou sadou vlastností. Můžete například vytvořit více objektů typu Person s různými hodnotami vlastností name a age.
Funkce Konstruktor navíc vytváří prototyp objektu, který obsahuje metody a vlastnosti dostupné všem instancím vytvořeným tímto konstruktorem.
Prototyp objektu tak umožňuje určit obecné metody a vlastnosti, které budou dostupné všem objektům vytvořeným pomocí daného konstruktoru. To je užitečné například pro definování funkcí, které provádějí stejnou operaci pro všechny objekty tohoto typu.
Vytvoření prototypu pomocí tříd ES6
V jazyce JavaScript se objevil nový způsob prototypování pomocí tříd ES6. Třídy jsou speciální syntaxí, která usnadňuje vytváření a dědičnost objektů.
Pro vytvoření třídy se používá klíčové slovo class, po kterém je uveden název třídy. V závorkách jsou pak deklarovány metody a vlastnosti třídy. Jednou z metod, která musí být ve třídě povinně deklarována, je metoda constructor. Provádí inicializaci objektu třídy a může přijímat argumenty.
Pro vytvoření instance třídy je nutné použít klíčové slovo new, po kterém je uveden název třídy a argumenty konstruktoru. Výsledkem je vytvoření nového objektu, který je instancí dané třídy.
Prototypy tříd v JavaScriptu umožňují dědit metody a vlastnosti z nadřazené třídy. K tomu se používá klíčové slovo extends, po kterém je uvedeno jméno rodičovské třídy. Podřízená třída může předefinovat metody nadřazené třídy a také přidat nové metody a vlastnosti.
Díky třídám ES6 je mnohem jednodušší a přehlednější vytvářet prototypy objektů v JavaScriptu. Usnadňují proces vytváření a dědičnosti objektů, takže kód je strukturovanější a čitelnější.
Změna prototypu objektu
Někdy může být nutné změnit prototyp objektu po jeho vytvoření. K tomu je v JavaScriptu několik způsobů.
Změna prototypu pomocí Object.setPrototypeOf()
Metoda Object.setPrototypeOf () umožňuje změnit prototyp objektu. Má dva parametry: objekt, jehož prototyp je třeba upravit, a objekt-prototyp, který bude sloužit jako nový prototyp.
sound: "Animal sound",
sound: "Woof woof"
dog.makeSound (); / / vyšle "Woof woof"
Změna prototypu pomocí _ _ proto__
Vlastnost _ _ _ proto_ _ je odkazem na prototyp objektu. Lze jej použít ke změně prototypu objektu.
sound: "Animal sound",
sound: "Woof woof"
dog.makeSound (); / / vyšle "Woof woof"
Všimněte si, že použití vlastnosti ___ proto_ _ _ se nedoporučuje, protože je zastaralé a v některých prostředích může být nepodporované.
Změna prototypu objektu může být užitečná v různých scénářích, kde je nutné přidat nebo změnit funkčnost objektu. Při změně prototypu byste však měli být opatrní, protože to může vést k neočekávanému chování objektů.
Dědičnost prototypů v JavaScriptu
Když objekt osloví vlastnost nebo metodu, kterou nemá, JavaScript jej automaticky vyhledá v prototypu objektu. Pokud je nalezena vlastnost nebo metoda, pak se používá. Pokud se nenajde, hledání pokračuje v prototypu prototypu objektu a tak dále, dokud nebude nalezen požadovaný prvek nebo nedojde ke konci řetězce prototypů.
Chcete-li vytvořit dědičnost mezi objekty v JavaScriptu, musíte použít klíčové slovo prototype. Když je nový objekt vytvořen pomocí operátora new automaticky se u něj vytvoří vlastnost __proto__, který označuje prototyp objektu definovaného v jeho třídě (v JavaScriptu třídy jsou funkce).
Chcete-li nastavit dědičnost prototypů mezi dvěma objekty, musíte přiřadit __proto__ prototyp mateřského objektu. Podřízený objekt tak bude mít přístup k vlastnostem a metodám nadřazeného objektu.
Dědičnost prototypů v JavaScriptu umožňuje vytvářet vazby mezi objekty, což usnadňuje a zlepšuje organizaci a strukturu kódu. Také snižuje objem kódu a usnadňuje jeho podporu a úpravu.
Je však třeba si uvědomit, že příliš hluboký řetězec prototypů může vést ke špatnému výkonu a složitému čtení kódu. Při používání dědičnosti je proto třeba tyto faktory vzít v úvahu a snažit se o maximální optimalizaci kódu.