Objekt Javascript: vytvářet objekty a pracovat

Návštěva webového zdroje je specifický identifikátor URI v adresním řádku prohlížeče. Návštěvník označují stránky, a to chápe prvky strom prohlížeč DOM - Document Object Model. Jakýkoli odkaz na této stránce informuje prohlížeč, aby rozložil jinou stránku a vytvořil další strom objektů.

[palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_1.jpeg [/palec]
Prohlížeč umožňuje návštěvník zpět nebo pokračujte v řetězci stránek, které již byly zobrazeny v aktuální relaci. Ve skutečnosti se akce uživatele pohybují mezi systémy objektů vytvořenými během procesu návštěvy stránek. Každá stránka - je vlastně DOM strom, a navíc javascript objekt je - jsou objekty jazyka a jeho syntaxe popisy.


DOM: download, aktualizace a změna

Existují tři hlavní možnosti, které tvoří objekty stránky webového zdroje, a to jak na úrovni jazyka a DOM JavaScript, dokončena výstavba vytváření proměnné , a na základě popisů provedených vývojářem:
  • stažení - návštěvník přišel na místo;
  • aktualizace - stránka s upgradem návštěvníka (tlačítko prohlížeče nebo Ctrl-F5);
  • změňte element stránky například (AJAX, skript, událost).
  • Všechny tři procesy jsou zásadně odlišné, ale rozlišování vlastností prvních dvou je zvláště důležité. Je těžké, aby se zabránilo návštěvníků aktualizovat stránku - nenapravitelná „zhoubnou“ zvyk, kterým by měl developer být vědomi. Navigace na stránce i mimo ni by měla spočívat pouze ve funkci samotné stránky a nikoliv v historiinávštěv prohlížeče a funkce jeho tlačítek. Mnoho míst prohlašuje tento důležitý požadavek, ale návštěvníci ho tradičně porušují.


    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_462.jpeg [/palec]
    Změna stránky bez překládky na některé jeho prvky (např AJAX) - je jednoduché řešení pro dynamické stránky. Používá se zpravidla pro navigaci přes prvky stránky, změnu jejích objektů, správu dialogu s návštěvníkem.

    Základní objekty javascript

    javascript je založen na objektech. Téměř všechny proměnné jsou objekty. Vývojář může formulovat vlastní popis objektů pomocí různých syntaktických variant.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_683.jpeg [/palec]
    Vše, co není „řádek "," číslo ", true, false, null nebo undefined je objekt. Jako součást syntaxe jazyka nemůže poskytnout hodnotu, tedy objekty pouze DOM prvků a jejich popis javascript objektu. Základní struktura jazyka ve většině případů pro vývojáře nemá významný praktický význam. Matematické funkce jsou například reprezentovány matematickým objektem. To je užitečné v rámci konceptu jazyka, ale i pro vývojáře - to je prostě pohodlné syntax nutné použít arzenál matematických operací.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_474.jpeg [/palec]
    Je důležité pracovat s DOM a správně popište vlastní objekty. Syntaxe funkce objektu javascript a výrazy pro jeho aplikaci je forma zápisu požadovaného algoritmu.

    Linky, pole a objekty

    Jádro všech objektůjavascript je obvykle „vlastnost“ = „value“ a pojem asociativního pole. V nejjednodušším případě je objekt JavaScript - množina dvojic „vlastnost“ = „hodnota“. V tomto případě nemusí být hodnota vždy číslo a vlastnost není vždy zapsána bez uvozovek.
    Nezneužívejte název vlastností. V ideálním případě, názvy vlastností, které obsahují pouze znaky latinské abecedy, splňují požadavky na proměnných názvy, které nejsou kritické (v t. H. Jazyk vyhrazená slova
    . [Palec] http://hi-news.pp.ua/uploads/příspěvků /2017-11 /javascript-object-stvorennya-obyektv-robota_825.jpeg [/palec]
    Neexistuje uspořádání vlastností se neočekává, ale vytvoření nebo asociativní pole inicializace vědět, jak jeho prvky jsou docela přijatelné. Použít na tuto skutečnost . nedoporučuje, ale mějte na paměti - možná inicializaci pole vlastností znamená, že oba: (20 ). Vytváření pole;
  • vytvoření objektu
  • Ve specifickém rámci použití lze sledovat JavaScript Object - jako asociativní pole, a jinde algoritmus - jako objekt, přiřadit potřebné způsoby pro změnu hodnoty svých prvky. Jak názvy vlastností a jejich hodnot při vytváření nebo editaci, musí být zadána ve formátu řetězec, zvažte použití řetězce notaci a citace.

    vlastnosti přístup k objektu

    načíst a změnit vlastnosti objektu může navrhnout Object.keys: JavaScript vytvoří pole vlastností objektu. Když jsou objekty vytvářeny dynamicky, je tento návrh velmi vhodný, protože automaticky generuje seznam všechvlastnosti dostupné v objektu.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_326.jpeg [/palec]
    V tomto příkladu se popis je vyrobena ze dvou pole různými způsoby. V aplikaci jsou obě pole rovnocenná, protože obsahují stejné vlastnosti a jejich hodnoty. Ve smyčce se všechny vlastnosti druhého pole třídí a vytvoří se řada všech hodnot. Podobný efekt lze dosáhnout v bodovém zápisu nebo stacionárním:
  • x1_Obj. NameLast;
  • x1_Obj ['NameFirst'].
  • Oba návrhy jsou přípustné a poskytují požadovaný výsledek. V tomto příkladu, při nastavení pole přes závorky „{}“, může být chyba jako znak „“ na konci přenosu (uvedeno v příkladu červený kruh). Prohlížeče zpravidla ignorují další charakter v přenosu, ale je lepší, aby to nebylo.

    Odstranění vlastnosti objektů

    Vzhledem k tomu, objektu - to je asociativní pole JavaScript objekt odstranit operace dochází v aktuální poloze (v řadě - to je důležité), a je považován za vlastnosti sběru tohoto objektu " věc
    [img] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_667.jpeg [/img]
    V rámci tohoto příkladu může být použit takové návrhy:
  • odstranit x1_Obj. NameLast;
  • odstranit x2_Obj ['NameFirst'];
  • První provedení odstraňuje druhý prvek prvního objektu, druhá struktura - první prvek druhého objektu. Odstranění operátor nefunguje na vlastnostech prototypu a vrátí výsledek na hodnotu false, pokud vlastnost nemůže být smazán.

    Vlastnosti a metody objektů

    Syntaxe vlastností objektu javascript afunkce (metody) je podobná obecným kánonům syntaxe a jazykové sémantiky. Ve skutečnosti je to naopak.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_888.jpeg [/palec]
    vlastnosti objektu a metody - je volba pro popis informací a akcí, které jsou s ním povoleny prostřednictvím objektově orientovaného paradigmatu javascript.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_469.jpeg [/palec]
    Tento příklad popisuje o ' objekt x3_Obj, který má pouze dvě vlastnosti: položka a poz. Potom byla jako funkce přidána metoda wait (). V důsledku výkladu tohoto popisu v rámci hodnot vlastností, JavaScript hodnoty objekt se, jak je uvedeno v rámečku za následek, že dal tělesných funkcí

    , jako hodnota. Při přímém volání vlastnosti Hello () se interpretuje jako metoda (funkce) a výsledek

    je provedení kódu této metody.

    Klíčovým slovem v této věci

    Pro orientaci v prostoru vlastností objektů vývojář může použít toto klíčové slovo a odkaz na něj, protože popsal vlastnosti získat nebo měnit jejich hodnoty.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_5210.jpeg [/palec]
    Toto je pouze začátek popis objektu ' objekt s tvůrcem pouze těla. V tomto příkladu je proveden popis objektu pro práci s soubory cookie. Objekt je inicializován na načtení stránky struktury:
  • var oCookie = new scCookies (cOwnerCode);
  • oCookie. Init ();
  • V tomto příkladu je kód cOwnerCode jedinečným kódem návštěvníka. Pokud není k dispozici, vytvoří se nový kód v návrháři objektů oCookie. Nezáleží na tom, co návštěvník odkazujedeveloper objektu, jak důležité je toto klíčové slovo používané k popisu metod objektů a jejich volání další metody objektu:
  • tento. GetCookie = funkce (cName) {};
  • toto. SetCookie = funkce (cName, cValue) {}.
  • Proto předmětem popsané metody pro čtení a zápis sušenky její jméno uvedené sušenky s určitým názvem.
  • toto. GetCookie ("majitel");
  • . SetCookie ("majitel", vlastníka);
  • A tak se používá, je-li výsledek první konstrukční hodnota není k dispozici, druhý návrh své sety.

    Příklady objektů pro práci s cookies

    lze diskutovat o tom, co paradigma JavaScript objektu a objektově orientovaný přístup k jazyku, který běží v prohlížeči. Je to zábava, ale ve skutečnosti potřebujete praxi, ne teorii. Poskytování stránek DOM, poskytování nástrojů pro manipulaci s objekty a systémy pohybujících se objektů je silnou stránkou javascriptu.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_5111.jpeg [/palec]
    v objektově orientovaném praxe je důležitá. Práce s cookiemi na prakticky všech webových zdrojích v pořadí věcí. Uvědomit si to ve formě objektu je skvělý nápad. V tomto objektu kontextu inicializace dojde na úvodních stranách: page = objekt vložen cookie existuje a je číst a co ne - made. Při práci se stránkou návštěvníka provede určité akce a prohlížeč musí upravit nebo vytvořit další cookies. Existují dvě metody objektu (uvedené výše), které to dělají. Ve skutečnosti je předmětem sušenek dochází bezprostředně po prohlížeči DOM a vybudovat doplňkový systém objektů Javascriptunová funkce: číst a vytvářet (upravovat) soubory cookie. Tento jednoduchý příklad objektově orientovaného programování je viděn jako jak vytvořit skutečné objekty, které mají pouze své vlastní vlastnosti a funkcionalitu (metody). Každý objekt dělá svou práci a nepodílí se na obecné algoritmus nemění dat nebo jinými předměty společný jmenný prostor. Tímto přístupem vývojář zajišťuje vytvoření systému unikátních objektů, který postačí k popisu a udržení řešitelného problému.

    události stránky a objekty

    Důležitým prvkem fungování DOM a JavaScript: objekt události-s - poskytuje informace o události v jeho psovoda. Prakticky každý prvek stránky může být přiřazen vlastnímu psovateli pro jednu nebo více událostí.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_9812.jpeg [/palec]
    Ve skutečnosti, JavaScript vývojář vytváří ne jeden velký kus kódu, a mnohé popisy funkcí, objekty, datové struktury, a přiřazuje určitou stránku prvky rutiny událostí. Událost objekt - to znamená, že informace o události, která způsobila psovoda a schopnost provádět toto zpracování adekvátní reakci na tuto událost. Každá událost se liší nejen v názvu a místě výskytu, ale také v souboru dalších parametrů. Konkrétně jsou události klávesnice jedna sada parametrů, události myší - úplně jiný rozsah dat a odpověď serveru prostřednictvím AJAX je vůbec samotným vývojářem. V každém případě se vzorek událostí, který se může na stránce vyskytnout, je přeměněn na řadu povolených ovladačůMožnosti, které jsou k dispozici pro zpracování určité sady událostí, nevykonávají žádnou akci.

    Vytváření a spouštění objektů

    Prohlížeč "transformuje" URI, adresu webového zdroje určeného návštěvníkem, strom DOM - systém objektových objektů tohoto webového zdroje. Když se návštěvník přesune z odkazů na stránce, prohlížeč se přesune na odpovídající stromy jiných stránek. Tato okolnost dovolí vývojáři stavět svůj systém objektů jako základ webového zdroje, který odpovídajícím způsobem reaguje na chování návštěvníka. Pokud zvolíte obecnou funkci, například:
  • pracujete s cookies;
  • příjem /přenos dat (AJAX);
  • ​​
  • popisky;
  • interní zprávy (místo chatu);
  • další úkoly;
  • ty, které byly vytvořeny jednou, mohou být objektové systémy použity při vývoji jiných webů. Tato významná výhoda oproti běžným objektově-orientovaného přístupu pomocí Javascriptu, jako jazyk stránky prohlížeče, která zajišťuje provoz a reakce na události.
    [img] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_7813.jpeg [/img]
    Objekty - je ukončeno komponenty, které mohou být spuštěny jako samostatné soubory a použity později. Charakteristickým rysem tohoto přístupu je možnost zpětné vazby, kdy může být nová, vylepšená zařízení používá v předchozím návrhu, automaticky aktualizuje jeho funkčnost beze změny na webu.

    Související publikace