Objekt Javascript: ustvarjanje objektov in delo

Obisk spletnega vira je določen URI v naslovni vrstici brskalnika. Obiskovalec navede naslov strani in ga brskalnik obravnava na elementih drevesa objektnega modela DOM-Document. Vsaka povezava na tej strani pove brskalniku, da razstavi drugo stran in zgradi drugo drevo objektov.

[thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_1.jpeg [/thumb]
Brskalnik omogoča obiskovalcu, da se vrne nazaj ali nadaljujte z verigo strani, ki so bile že ogledane v trenutni seji. Dejansko se dejanja uporabnika premikajo med sistemi objektov, ustvarjenimi med procesom obiska strani. Vsaka stran je dejansko drevo DOM, poleg tega pa je objekt javascript objektov sintakse jezika in opisov.


DOM: prenos, posodobitev in sprememba

Obstajajo tri glavne možnosti, ki oblikujejo objekte na strani spletnega premoženja, tako na ravni DOM kot tudi v samem jeziku javascript, da izvede konstrukt ustvarjanja spremenljivk in na podlagi opisov razvijalca:
  • prenos - obiskovalec je prišel na spletno mesto;
  • posodobitev - posodobljena stran obiskovalca (gumb brskalnika ali Ctrl-F5);
  • spremeni element strani, na primer (AJAX, skript, dogodek,).
  • Vsi trije procesi so bistveno drugačni, vendar je še posebej pomembno razlikovanje značilnosti prvih dveh. Težko je preprečiti obiskovalcu, da posodobi stran - to je neodtujljiva "katastrofalna" navada obiskovalca, ki jo mora razvijalec upoštevati. Navigacija na strani in zunaj nje mora biti le v funkciji same strani in ne v zgodoviniobiski brskalnika in funkcije njegovih gumbov. Mnoga mesta to razglašajo za pomembno zahtevo, vendar jo obiskovalci tradicionalno kršijo.


    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_462.jpeg [/thumb]
    Spreminjanje strani brez ponovnega zagona na ravni njenega posameznega elementa (na primer AJAX) je običajna rešitev za dinamične strani. Praviloma se uporablja za krmarjenje po elementih strani, spreminjanje objektov, upravljanje dialoga z obiskovalcem.

    Temeljni objekti javascript

    javascript temelji na predmetih. Skoraj vse spremenljivke so objekti. Razvijalec lahko oblikuje svoj opis objektov z različnimi sintaktičnimi različicami.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_683.jpeg
    Vse ni "črta" "," number ", true, false, null ali undefined je objekt. Kot del sintakse jezika to ni smiselno, saj razumemo objekte samo elemente DOM in njihov lasten opis objekta javascript. Temeljna struktura jezika v večini primerov za razvijalca nima pomembnega praktičnega pomena. Matematične funkcije so na primer predstavljene s predmetom Math. To je priročno znotraj pojma jezika, toda za razvijalca - je le priročna sintaksa uporabe potrebnega arsenala matematičnih operacij.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_474.jpeg
    pravilno opišite svoje objekte. Sintaksa funkcije objekta javascript in izrazov za njihovo uporabo je oblika zapisovanja zahtevanega algoritma.

    Linije, nizi in predmeti

    V središču vseh objektovjavascript je pravilo: "lastnost" = "vrednost" in pojem asociativno polje. V najpreprostejšem primeru je objekt javascript niz "lastnosti" = "vrednost". V tem primeru vrednost morda ni vedno številka in lastnost ni vedno zapisana brez narekovajev.
    Ime lastnosti ne zlorabljajte. Idealno bi bilo, če imena premoženja vsebujejo samo znake v latinici, izpolnjujejo zahteve za imena spremenljivk in niso ključna (vključno z rezerviranimi besedami jezika.
    [thumb] http://hi-news.pp.ua/uploads/
    Razvrščanje lastnosti ni predvideno, vendar pa je pri ustvarjanju ali inicializaciji asociativnih nizov, da bi vedeli, kako se nahajajo njeni elementi, popolnoma dovoljeno uporabiti to okoliščino. ne priporočamo, vendar ne pozabite - morda tudi inicializacija niza lastnosti pomeni istočasno: (20 ) ustvarjanje matrike,
  • ustvarjanje predmeta
  • V določenem kontekstu je aplikacijo mogoče obravnavati kot javascript objekt - kot asociativno polje, in drugje v algoritmu - kot objekt, mu dodeliti potrebne metode, spremeniti njegovo vrednost. Ker morajo biti imena lastnosti in njihove vrednosti pri ustvarjanju ali spreminjanju nastavljena v obliki črte, je priporočljivo uporabiti male črke in narekovaje.

    Dostop do lastnosti objekta

    Lastnosti objektnega objekta se lahko pridobijo in spremenijo s konstruktom Object.keys: javascript tvori matriko vseh lastnosti objekta. Ko so objekti ustvarjeni dinamično, je ta oblika zelo priročna, saj samodejno ustvari seznam vsehlastnosti, ki so na voljo v objektu.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_326.jpeg
    V tem primeru je opis dveh na različne načine. V aplikaciji sta oba polja enaka, ker vsebujejo iste lastnosti in njihove vrednosti. V zanki so razvrščene vse lastnosti drugega polja in oblikovana je vrstica vseh vrednosti. Podoben učinek je mogoče doseči pri točkovnem zapisu ali v mirovanju:
  • x1_Obj. NameLast;
  • x1_Obj ['NameFirst'].
  • Oba modela sta dovoljena in dajejo želeni rezultat. V zgornjem primeru, ko je polje razvrščeno skozi zavite oklepaje "{}", lahko na koncu prenosa naredimo napako kot "," (prikazano v primeru z rdečim krogom). Brskalniki običajno ne upoštevajo dodatnega znaka v prenosu, vendar je bolje, da tega ne storite.

    Brisanje lastnosti objekta

    Ker je objekt asociativno polje, se operacija brisanja objekta javascript izvede na ravni trenutnega objekta (če je podedovana - je pomembna) in se obravnava v zbirki lastnosti tega objekta '. stvar
    [img] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_667.jpeg [/img]
    V okviru zgornjega primera lahko uporabite takšni modeli:
  • izbrišejo x1_Obj. NameLast;
  • izbrisati x2_Obj ['NameFirst'];
  • Prva zasnova odstrani drugi element prvega objekta, druga konstrukcija pa je prvi element drugega objekta. Operator brisanja ne deluje na lastnostih prototipov in vrne vrednost false, če lastnosti ni mogoče izbrisati.

    Lastnosti in metode objektov

    Sintaksa lastnosti objekta javascript infunkcije (metode) podobne splošnim kanonom sintakse in jezikovne semantike. Pravzaprav je ravno nasprotno.
    [palec] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_888.jpeg [/thumb]
    Lastnosti in metode predmeta - je možnost za opisovanje informacij in dejanj, ki so dovoljena z njim prek objektno orientirane javascript paradigme.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_469.jpeg
    V tem primeru je opis " objekt x3_Obj, ki ima samo dve lastnosti: element in poz. Potem je bila funkcija wait () dodana kot funkcija. Kot rezultat razlage tega opisa v kontekstu vrednosti lastnosti, bodo vrednosti objekta javascript naredile enako, kot je prikazano v oknu rezultatov, to pomeni, da je telo

    funkcije določeno kot vrednost. Ko neposredno pokličete lastnost Hello (), se razlaga kot metoda (funkcija), rezultat

    pa je izvedba kode te metode.

    Ta ključna beseda v objektu

    Za orientacijo v prostoru lastnosti objekta lahko razvijalec uporabi to ključno besedo in jo napoti po opisanih lastnostih, da pridobi ali spremeni svoje vrednosti.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_5210.jpeg
    To je samo začetek opisa predmet s telesom samo oblikovalec. V tem primeru se izvede opis predmeta za delo s piškotki. Objekt se inicializira ob nalaganju strani s konstruktom:
  • var oCookie = new scCookies (cOwnerCode);
  • oCookie. Init ();
  • V tem primeru je cOwnerCode edinstvena koda obiskovalca. Če ni prisotna, bo v oblikovalniku objektov oCookie ustvarjena nova koda. Ni pomembno, na kaj se je obiskovalec nanašalRazvijalec tega objekta, ki je pomemben kot ključna beseda tukaj, se tukaj uporablja za opis objektnih metod in jih kliče iz drugih objektnih metod:
  • to. Funkcija GetCookie = (cName) {};
  • to. Funkcija SetCookie = (cName, cValue) {}.
  • Tako so opisane metode predmeta, da se prebere piškotek njegovega imena in zapiše vrednost piškotka z določenim imenom.
  • to. GetCookie ('cOwner');
  • to. SetCookie ('cOwner', cOwner);
  • Torej se uporabljajo, če vrednost prvega konstrukta ni zagotovljena kot rezultat prvega konstrukta, potem ga drugi konstrukt nastavi.

    Primer predmeta piškotkov

    Lahko razpravljate o tem, kaj je predmet javascript in paradigmi objektno usmerjenega jezikovnega pristopa, ki deluje v okolju brskalnika. To je zabavno, v resnici pa potrebujete prakso, ne teorijo. Vzdrževanje strani DOM, zagotavljanje orodij za upravljanje objektov in premikajočih se objektnih sistemov je močna stran javascripta.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_5111.jpeg
    O objektno usmerjenem praksa je pomembna. Delo s piškotki na skoraj vseh spletnih virih po vrstnem redu. Uresničitev tega v obliki predmeta je odlična ideja. V tem kontekstu se inicializacija objekta pojavi v času odprtja strani: stran naložena = objekt piškotka obstaja in prebere vse, in kaj ni bilo ustvarjeno. V procesu dela s stranjo obiskovalec izvede eno ali drugo dejanje in brskalnik mora spremeniti ali ustvariti piškotek. Obstajata dve metodi predmeta (omenjeni zgoraj), ki to storita. Pravzaprav se objekt piškotkov pojavi takoj, ko brskalnik zgradi DOM in dopolni sistem objekta javascriptnova funkcionalnost: branje in ustvarjanje (urejanje) piškotkov. V tem preprostem primeru se objektno usmerjeno programiranje obravnava kot postopek za ustvarjanje realnih objektov, ki imajo samo svoje lastnosti in funkcionalnosti (metode). Vsak objekt opravlja svoje delo in ne sodeluje v splošnem algoritmu, ne spreminja podatkov drugih objektov ali skupnega imenskega prostora. S takšnim pristopom razvijalec zagotavlja vzpostavitev sistema edinstvenih objektov, ki zadostujejo za opis in ohranitev rešljivega problema.

    Dogodki in objekti strani

    Pomemben element funkcije DOM in javascript: objekt je dogodek s - omogoča, da dobite informacije o dogodku v njegovem vodniku. Skoraj vsak element strani je lahko dodeljen lastnemu upravljavcu za enega ali več dogodkov.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_9812.jpeg
    Dejstvo je, da razvijalec javascripta ne ustvarja velik del kode in niz opisov funkcij, objektov, podatkovnih struktur in dodeli posebne elemente obdelovalcev dogodkov na strani. Objektni dogodek - ta informacija o dogodku, ki je povzročil izvajalca, in zmožnost, da ta izvajalec izvede ustrezen odgovor na ta dogodek. Vsak dogodek se razlikuje ne samo po imenu in kraju nastanka, ampak tudi v nizu drugih parametrov. Še posebej, tipkovnica dogodki so en niz parametrov, dogodki miške - popolnoma drugačen obseg podatkov, in odziv strežnika preko AJAX je sploh razvijalec sam. V vsakem primeru se vzorec dogodkov, ki se lahko pojavijo na strani, preoblikuje v obseg omogočenih rokovnikov zunajMožnosti, ki so na voljo za obdelavo določenega niza dogodkov, stran ne ukrepa.

    Ustvarjanje in izvajanje objektov

    Brskalnik "spremeni" URI, naslov spletnega vira, ki ga določi obiskovalec, drevo DOM - sistem objektnih objektov tega spletnega vira. Ko se obiskovalec premakne s povezav na strani, se brskalnik premakne na ustrezna drevesa drugih strani. Ta okoliščina omogoča razvijalcu, da zgradi svoj sistem objektov kot temelj spletnega vira, ki se ustrezno odziva na obnašanje obiskovalca. Če izberete splošno funkcijo, na primer:
  • delajte s piškotki;
  • sprejem /prenos podatkov (AJAX);
  • ​​
  • opisi orodij;
  • interna sporočila (spletna stran za klepet);
  • druge naloge;
  • Tisti, ki so bili ustvarjeni enkrat, se lahko objektni sistemi uporabijo pri razvoju drugih mest. To je pomembna prednost objektnega pristopa za običajno uporabo javascripta, kot jezika brskalnika, ki zagotavlja funkcijo strani in odziv na dogodke.
    [img] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_7813.jpeg [/img]
    Predmeti so končani komponente, ki jih je mogoče izvesti kot ločene datoteke in uporabiti pozneje. Značilnost takega pristopa je možnost povratnih informacij, ko je v prejšnjem razvoju mogoče uporabiti posodobljen, izboljšan objekt, ki samodejno posodablja njegovo funkcionalnost brez izboljšanja mesta.

    Sorodne publikacije

    JS nizi. JS objekt. Večdimenzionalni JavaScript nizi Uporaba javascript in onload dogodkov za ustvarjanje "neodvisnih" spletnih mest Večdimenzionalna asociativna JavaScript polja. Delo z nizi JavaScript Sovjetski srednji tank "140 Objekt" Kaj je najboljši program za ustvarjanje programov na vašem računalniku? Programi za ustvarjanje glasbe, risanke Kaj je pametni objekt v Photoshopu? Njegovo imenovanje