Úloha 3 – Porovnání metod new Object(), konstruktor a Object.create()
Úloha
Zadání (kontext úlohy):
Chceš vytvořit malý program, který uchovává informace o uživatelích webu. Úkolem je vyzkoušet si tři různé způsoby tvorby objektů a ukázat, že výsledkem je vždy objekt se stejnými vlastnostmi, ale jiným stylem zápisu.
Cíl úlohy:
Procvičit si práci s objekty vytvořenými různými metodami, naučit se rozdíly mezi nimi a porovnat výsledky výpisem do stránky.
Vstupní podmínky:
-
Student pracuje se soubory
index.htmlascript.js. -
Do stránky bude vypisovat pomocí
document.write().
Požadovaný výstup:
-
Pomocí
new Object()vytvoř objektuzivatel1, přidej mu vlastnostijmeno,vekaemail. -
Napiš konstruktorovou funkci
Uzivatel, která nastaví vlastnostijmeno,vekaemail. Pomocínewvytvoř instanciuzivatel2. -
Pomocí
Object.create()vytvoř objektuzivatel3, který zdědí vlastnostrole: "návštěvník"z prototypu. Doplň mu vlastní vlastnostijmenoavek. -
Vypiš do stránky vlastnosti všech tří uživatelů v přehledném formátu (každý uživatel na samostatném řádku).
-
Přidej do
uzivatel2novou vlastnost (např.aktivni: true) a také ji vypiš. -
Vytvoř krátké shrnutí do stránky: kolik různých metod jsi použil a v čem se liší.
Doplňující pokyny:
-
Používej
constpro deklaraci objektů. -
Konstruktorovou funkci piš klasicky pomocí
function. -
Nezapomeň, že u konstruktorové funkce musíš použít
new. -
Vypisy odděl pomocí
<br>.