Javascript Object: vytvoriť objekty a prácu

Návšteva webového zdroja je špecifický identifikátor URI v paneli s adresou prehliadača. Návštevník označujú stránky, a to chápe prvky strom prehliadač DOM - Document Object Model. Každý odkaz na tejto stránke umožňuje prehliadaču rozobrať inú stránku a vytvoriť ďalší strom objektov.

[palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_1.jpeg [/palec]
Prehliadač umožňuje návštevník späť alebo pokračujte reťazou stránok, ktoré už boli zobrazené v aktuálnej relácii. V skutočnosti sa akcie používateľa pohybujú medzi systémami objektov vytvorenými počas procesu návštevy stránok. Každá stránka je skutočný strom stromu a navyše objekt javascript je objektom syntaxe jazyka a popisov.


DOM: download, aktualizácia a zmena

Existujú tri hlavné možnosti, ktoré tvoria objekty stránky webového zdroje, a to ako na úrovni jazyka a DOM JavaScript, dokončená výstavba vytváranie premenné , a na základe popisov vývojára:
  • stiahnuť - návštevník prišiel na stránku;
  • Aktualizácia - inovovaná stránka návštevníka (tlačidlo prehliadača alebo Ctrl-F5);
  • zmeňte prvok stránky napríklad (AJAX, skript, udalosť).
  • Všetky tri procesy sú zásadne odlišné, ale rozlišovanie vlastností prvých dvoch je obzvlášť dôležité. Je ťažké, aby sa zabránilo návštevníkov aktualizovať stránku - nenapraviteľná "zhubnú" zvyk, ktorým by mal developer byť vedomí. Navigácia na stránke a mimo nej by mala spočívať výlučne vo funkcii samotnej stránky a nie v históriinávštevy prehliadača a funkcie jeho tlačidiel. Mnohé stránky vyhlásia túto dôležitú požiadavku, ale návštevníci ju tradične porušujú.


    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_462.jpeg [/palec]
    Zmena stránky bez reštartu na úrovni jej jednotlivých prvkov (napríklad AJAX) je bežným riešením pre dynamické stránky. Spravidla sa používa na navigáciu prvkov stránky, zmenu jej objektov, správu dialógu s návštevníkom.

    Základné objekty javascript

    javascript je založený na objektoch. Takmer všetky premenné sú objekty. Vývojár môže formulovať svoj vlastný popis objektov pomocou rôznych syntaktických variantov.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_683.jpeg [/palec]
    Všetko, čo nie je "riadok "," číslo ", true, false, null alebo undefined je objekt. Ako súčasť syntaxe jazyka nemôže poskytnúť hodnotu, teda objekty iba DOM prvkov a ich opis javascript objektu. Základná štruktúra jazyka vo väčšine prípadov pre vývojára nemá významný praktický význam. Matematické funkcie sú napríklad reprezentované matematickým objektom. To je užitočné v rámci konceptu jazyka, ale aj pre vývojárov - to je proste pohodlné syntax nutné použiť arzenál matematických operácií.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_474.jpeg [/palec]
    Je dôležité pracovať s DOM a správne popísať svoje vlastné predmety. Syntax funkcie objektu javascript a výrazy pre jeho aplikáciu je forma registrácie požadovaného algoritmu.

    Linky, polia a predmety

    V srdci všetkých objektovjavascript je pravidlo: "property" = "value" a pojmy asociative array. V najjednoduchšom prípade je objekt javascript množinou dvojíc "property" = "value". V tomto prípade nemusí byť hodnota vždy číslo a majetok nie je vždy napísaný bez úvodzoviek.
    Nezneužívajte názov nehnuteľností. V ideálnom prípade, názvy vlastností, ktoré obsahujú len znaky latinskej abecedy, spĺňajú požiadavky na premenných názvy, ktoré nie sú kritické (v t. H. Jazyk rezervované slová
    . [Palec] http://hi-news.pp.ua/uploads/príspevkov /2017-11 /javascript-object-stvorennya-obyektv-robota_825.jpeg [/palec]
    Neexistuje usporiadanie vlastností sa neočakáva, ale vytvorenie alebo asociatívne pole inicializácia vedieť, ako jeho prvky sú celkom prijateľné. Použiť na túto skutočnosť . neodporúča, ale majte na pamäti - možno inicializáciu poľa vlastností znamená, že oba: (20 ). Vytváranie poľa;
  • vytvorenie objektu
  • V špecifickom kontexte použitie možno sledovať JavaScript Object - ako asociatívne pole, a inde algoritmus - ako objekt, priradiť potrebné spôsoby pre zmenu hodnoty svojich prvky. Ako názvy vlastností a ich hodnôt pri vytváraní alebo editáciu, musí byť zadaná vo formáte reťazec, zvážte použitie reťazca notáciu a citácie.

    vlastnosti prístup k objektu

    načítať a zmeniť vlastnosti objektu môže navrhnúť Object.keys: JavaScript vytvorí pole vlastností objektu. Keď sa objekty vytvárajú dynamicky, tento návrh je veľmi pohodlný, pretože automaticky generuje zoznam všetkýchvlastnosti dostupné v objekte.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_326.jpeg [/palec]
    V tomto príklade sa opis je vyrobená z dvoch rôznych polí. V obidvoch poliach sú rovnocenné, pretože obsahujú rovnaké vlastnosti a ich hodnoty. V sérii pohybe všetky vlastnosti druhého poľa a tvorili rad hodnôt. Podobný účinok môže byť dosiahnutý ako bodkovaná-quad alebo skobochnoy:
  • x1_Obj. NameLast;
  • x1_Obj ['NameFirst'].
  • Obidva dizajny sú prípustné a poskytujú požadovaný výsledok. V tomto príklade, pri nastavení polia cez zátvorky "{}", môže byť chyba ako znak "" na konci prenosu (uvedené v príklade červený kruh). Prehliadače zvyčajne ignorovať zvláštny znak v zozname, ale je to lepšie nebude.

    Odstránenie vlastnosti objektov

    Vzhľadom k tomu, objektu - to je asociatívne pole JavaScript objekt odstrániť operácie dochádza v aktuálnej polohe (v rade - to je dôležité), a je považovaný za vlastnosti zberu tohto objektu " objekt.
    [img] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_667.jpeg [/img]
    V rámci tohto príkladu môže byť použitý takéto návrhy:
  • odstrániť x1_Obj. NameLast;
  • odstrániť x2_Obj ['NameFirst'];
  • Prvé prevedení odstraňuje druhý prvok prvého objektu, druhá štruktúra - prvý prvok druhého objektu. Odstránenie operátor nefunguje na vlastnostiach prototypu a vráti výsledok na hodnotu false, ak vlastnosť nemôže byť zmazaný.

    Vlastnosti a metódy objektov

    syntaxe JavaScriptu vlastnosti objektu afunkcie (metódy) je podobný všeobecným kánonom syntaxe a jazykovej sémantiky. V skutoč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 metódy - Podrobnosti možnosť je prijateľná a pôsobí prostredníctvom objektovo orientovaného paradigmy javascriptu.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_469.jpeg [/palec]
    Tento príklad opisuje o ' objekt x3_Obj, ktorý má iba dve vlastnosti: položka a poz. Potom bola ako funkcia pridaná metóda čakania (). V dôsledku výkladu tohto popisu v rámci hodnôt vlastností, JavaScript hodnoty objekt sa, ako je uvedené v rámčeku za následok, že dal telesných funkcií

    , ako hodnota. V priamej volanie je možné Dobrý deň, (), je interpretovaný ako spôsob (funkcia) a výsledok

    je kód metódy.

    Kľúčovým slovom v tejto veci

    Pre orientáciu v priestore vlastností objektov autor môže použiť toto kľúčové slovo a odkaz na neho, pretože opísal vlastnosti získať alebo meniť ich hodnoty.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_5210.jpeg [/palec]
    Toto je iba začiatok opis objektu ' objekt s návrhárom iba telo. V tomto príklade sa vykoná opis objektu na prácu s cookies. Objekt je inicializovaný v čase načítania stránky konštrukciou:
  • var oCookie = nové scCookies (cOwnerCode);
  • oCookie. Init ();
  • V tomto príklade je kód cOwnerCode jedinečným kódom návštevníka. Ak nie je prítomný, vytvorí sa nový kód v návrhári objektov oCookie. Nezáleží na tom, na čo sa návštevník odvolávaVývojár tohto objektu, ktorý je dôležitý ako kľúčové slovo tu, sa tu používa na opis objektových metód a ich zavolanie z iných objektových metód:
  • toto. GetCookie = funkcia (cName) {};
  • . SetCookie = funkcia (cName, cValue) {}.
  • Takže popísané metódy objektu na čítanie súboru cookie jeho mena a zápis hodnoty cookie do konkrétneho názvu.
  • toto. GetCookie ("majiteľ");
  • . SetCookie ("majiteľ", vlastník);
  • A tak sa používa, ak je výsledok prvej konštrukčné hodnota nie je k dispozícii, druhý návrh svoje sety.

    Príklady objektov pre prácu s cookies

    je možné diskutovať o tom, čo paradigma JavaScript objektu a objektovo orientovaný prístup k jazyku, ktorý beží v prehliadači. Je to zábava, ale v skutočnosti potrebujete prax, nie teóriu. Doručovanie stránok DOM, poskytovanie nástrojov na manipuláciu s objektmi a pohyblivým objektom systémov je silnou stránkou javascriptu.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_5111.jpeg [/palec]
    v objektovo orientovanom prax je dôležitá. Práca s cookies na prakticky všetkých webových zdrojoch v poradí vecí. Uvedomiť si to vo forme objektu je skvelý nápad. V tomto objekte kontexte inicializácia dôjde na úvodných stranách: page = objekt vložený cookie existuje a je čítať a čo nie - made. Pri práci so stránkou návštevníka vykoná určité akcie a prehliadač musí upraviť alebo vytvárať cookies. Existujú dve metódy objektu (uvedené vyššie), ktoré to robia. V skutočnosti sa objekt cookie vyskytuje ihneď po tom, ako prehliadač vytvorí DOM a dopĺňa objektový systém javascriptnové funkcie: čítať a vytvárať (upravovať) súbory cookie. Tento jednoduchý príklad objektovo orientovaného programovania je videný ako ako vytvoriť skutočné objekty, ktoré majú iba svoje vlastné vlastnosti a funkcionalitu (metódy). Každý objekt vykonáva svoju prácu a nezúčastňuje sa na všeobecnom algoritme, nezmení dáta iných objektov alebo bežného menného priestoru. Vďaka tomuto prístupu vývojár zabezpečí vytvorenie systému jedinečných objektov, ktorý postačuje na opísanie a udržanie riešiteľného problému.

    udalosti stránky a objekty

    Dôležitým prvkom fungovania DOM a JavaScript: objekt udalosti-s - poskytuje informácie o udalosti v jeho psovoda. Prakticky každý prvok stránky môže byť pridelený vlastnému psovodu pre jednu alebo viac udalostí.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_9812.jpeg [/palec]
    V skutočnosti, JavaScript vývojár vytvára nie jeden veľký kus kódu, a mnohé popisy funkcií, objekty, dátové štruktúry, a priraďuje určitú stránku prvky rutiny udalostí. Udalosť objekt - to znamená, že informácie o udalosti, ktorá spôsobila psovoda a schopnosť vykonávať takéto spracovanie adekvátnu reakciu na túto udalosť. Každá udalosť sa líši nielen v názve a mieste výskytu, ale aj v súbore ďalších parametrov. Konkrétne sa jedná o udalosti klávesnice - jedna sada udalosti parametre myši - úplne iný rozsah dát, a odpoveď zo servera cez AJAX sa mu naplánovať developer. V každom prípade sa vzor udalostí, ktoré sa môžu vyskytnúť na stránke, premenil na celý rad povolených obslužných funkciíMožnosti poskytnuté na spracovanie konkrétneho súboru udalostí, stránka nevykonáva žiadnu akciu.

    Zriadenie a prevádzka objektov

    Browser "transformuje" URI, adresa webového prostriedku určeného dreve DOM - systém objekty stránky tohto webového zdroja. Keď sa návštevník presunie z odkazov na stránke, prehliadač prejde na zodpovedajúce stromy iných stránok. Táto okolnosť umožňuje vývojárovi vybudovať svoj systém objektov ako základ webového zdroja, ktorý primerane reaguje na správanie návštevníka. Ak vyberiete všeobecnú funkciu, napríklad:
  • pracovať so súbormi cookie;
  • príjem /prenos údajov (AJAX);
  • ​​
  • popisy;
  • interné správy (miesto pre chat);
  • iné úlohy;
  • tie vytvorené raz, objektové systémy môžu byť použité pri vývoji iných lokalít. Toto je významná výhoda objektového prístupu k bežnému používaniu jazyka javascript, ako jazyka prehliadača, ktorý poskytuje funkciu stránky a reakciu na udalosti.
    [img] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_7813.jpeg [/img]
    Objekty - je ukončené komponenty, ktoré môžu byť vykonané ako samostatné súbory a použité neskôr. Charakteristickým rysom takéhoto prístupu je možnosť spätnej väzby, keď sa v predchádzajúcom vývoji môže použiť aktualizovaný vylepšený objekt, ktorý automaticky aktualizuje jeho funkčnosť bez vylepšenia lokality.

    Súvisiace publikácie