Object Javascript: stvaranje objekata i rad

Posjet web-resursa je određeni URI u adresnoj traci preglednika. Posjetitelj označava adresu stranice i njome upravlja preglednik na elementima stabla objektnog modela DOM - dokumenta. Bilo koja veza na ovoj stranici govori pregledniku da rastavi drugu stranicu i izgradi drugo stablo objekata.

[thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_1.jpeg [/thumb]
Preglednik omogućuje posjetitelju da se vrati ili nastavite s lancem stranica koje su već pregledane u trenutnoj sesiji. Zapravo, korisničke radnje se kreću između sustava objekata stvorenih tijekom procesa posjete stranicama. Svaka stranica je stvarno DOM stablo, a osim toga, JavaScript objekt su objekti sintakse jezika i opisa.


DOM: preuzimanje, ažuriranje i modifikacija

Postoje tri glavne opcije koje oblikuju objekte na stranici web-entiteta, kako na razini DOM-a tako i na samom jeziku javascripta, kako bi izvršili konstrukciju stvaranja varijabli , a na temelju opisa koje je izradio programer:
  • download - posjetitelj je došao na stranicu;
  • ažuriranje - nadograđena stranica posjetitelja (gumb preglednika ili Ctrl-F5);
  • promijeni element stranice, na primjer (AJAX, skripta, događaj,).
  • Sva tri procesa su fundamentalno različita, ali razlikovanje obilježja prva dva je posebno važno. Teško je spriječiti posjetitelja da ažurira stranicu - to je neotuđiva "katastrofalna" navika posjetitelja, koju developer treba imati na umu. Navigacija na stranici i dalje trebala bi biti isključivo u funkciji same stranice, a ne u povijestiposjeta preglednika i funkcije njegovih gumba. Mnoge stranice to proglašavaju važnim zahtjevom, no posjetitelji su ga tradicionalno prekršili.


    http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_462.jpeg [/thumb]
    Promjena stranice bez ponovnog pokretanja na razini njezinog pojedinačnog elementa (na primjer, AJAX) obično je rješenje za dinamičke stranice. U pravilu se koristi za navigaciju kroz elemente stranice, promjenu objekata, upravljanje dijalogom s posjetiteljem.

    Temeljni objekti javascript

    javascript temelji se na objektima. Gotovo sve varijable su objekti. Programer može formulirati vlastiti opis objekata koristeći različite varijante sintakse.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_683.jpeg
    Sve nije "linija" "," number ", true, false, null ili undefined je objekt. Kao dio sintakse jezika, to ne može biti smisleno, razumijevanje objekata samo DOM elemenata i njihov vlastiti opis javascript objekta. Osnovna struktura jezika u većini slučajeva za razvojnog inženjera nema značajno praktično značenje. Na primjer, matematičke funkcije su predstavljene objektom Math. To je prikladno unutar pojma jezika, ali za programera - to je samo prikladna sintaksa korištenja potrebnog arsenala matematičkih operacija.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_474.jpeg
    Važno je ispravno raditi s DOM-om i ispravno opišite svoje objekte. Sintaksa funkcije javascript objekta i izraza za njihovu primjenu oblik je zapisivanja potrebnog algoritma.

    Linije, nizovi i objekti

    U srcu svih objekatajavascript je pravilo: "svojstvo" = "vrijednost" i pojam asocijativni niz. U najjednostavnijem slučaju, objekt javascript je skup parova "property" = "value". U ovom slučaju, vrijednost ne mora uvijek biti broj, a svojstvo nije uvijek pisano bez navodnika.
    Nemojte zloupotrebljavati naziv svojstava. U idealnom slučaju, kad imena svojstava sadrže samo znakove u latinici, oni zadovoljavaju zahtjeve za nazive varijabli i nisu ključni (uključujući rezervirane riječi jezika.
    [thumb] http://hi-news.pp.ua/uploads/posts /2017-11 /javascript-object-stvorennya-obyektv-robota_825.jpeg
    Ne predviđa se sortiranje svojstava, ali pri izradi ili inicijalizaciji asocijativnih nizova kako bi se znalo kako se nalaze njegovi elementi, potpuno je dopušteno koristiti ovu okolnost. ne preporučuje se, ali imajte na umu - možda.Inicijaliziranje niza svojstava znači u isto vrijeme: (20
  • stvaranje objekta
  • U specifičnom kontekstu, aplikacija se može smatrati javascript objektom - kao asocijativnim nizom, a drugdje u algoritmu - kao objekt, dodijeliti mu potrebne metode, promijeniti njegovu vrijednost Budući da imena svojstava i njihove vrijednosti prilikom stvaranja ili mijenjanja moraju biti postavljena u linijskom formatu, preporučuje se uporaba malih slova i navodnika.

    Pristup svojstvima objekata

    Svojstva objekta objekta mogu se dobiti i modificirati konstruktom Object.keys: javascript oblikuje niz svih svojstava objekta. Kada se objekti kreiraju dinamički, ovaj dizajn je vrlo pogodan, jer automatski generira popis svihsvojstva dostupna u objektu.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_326.jpeg
    U ovom primjeru, opis dva polja na različite načine. U aplikaciji su oba niza ekvivalentna jer sadrže ista svojstva i njihove vrijednosti. U petlji se sortiraju sva svojstva drugog polja i formira se red svih vrijednosti. Sličan učinak može se postići u zapisima o točkama ili stacionarnim:
  • x1_Obj. NameLast;
  • x1_Obj ['NameFirst'].
  • Oba dizajna su dopuštena i daju željeni rezultat. U gore navedenom primjeru, kada je niz raspoređen kroz vitičaste zagrade "{}", pogreška se može načiniti kao "," na kraju prijenosa (prikazana u primjeru s crvenim krugom). Preglednici obično zanemaruju dodatni znak u prijenosu, ali bolje je da to ne čine.

    Brisanje svojstava objekta

    Budući da je objekt asocijativno polje, operacija brisanja objekta javascript izvršava se na razini trenutnog objekta (ako je naslijeđena - bitna je) i smatra se u skupu svojstava ovog objekta '. objekt.
    [img] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_667.jpeg [/img]
    U kontekstu gore navedenog primjera, možete koristiti takvi nacrti:
  • brisanje x1_Obj. NameLast;
  • izbrisati x2_Obj ['NameFirst']; Prvi dizajn uklanja drugi element prvog objekta, a druga konstrukcija je prvi element drugog objekta. Operator brisanja ne radi na svojstvu prototipa i vraća vrijednost false ako svojstvo ne može biti izbrisano.

    Svojstva i metode objekata

    Sintaksa svojstava JavaScript objekta ifunkcije (metode) sličan je općim sintaktičkim i jezičnim semantikama. Zapravo, to je upravo suprotno.
  • [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_888.jpeg [/thumb]
    Svojstva i metode objekta - je opcija za opisivanje informacija i radnji koje su dopuštene uz pomoć objektno-orijentirane javascript paradigme.[thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_469.jpegU ovom primjeru, opis ' objekt x3_Obj, koji ima samo dva svojstva: stavku i poz. Zatim je dodana metoda wait () kao funkcija. Kao rezultat interpretacije ovog opisa u kontekstu vrijednosti svojstava, vrijednosti JavaScript objekta će učiniti isto kao što je prikazano u prozoru rezultata, to jest, stavite tijelo funkcije

    kao vrijednost. Kada izravno pozovete Hello () svojstvo, ono se interpretira kao metoda (funkcija), a rezultat

    je izvršenje koda te metode.

    Ova ključna riječ u objektu

    Da bi se orijentirao u prostoru svojstava objekta, programer može koristiti ovu ključnu riječ i uputiti je kroz opisana svojstva kako bi dobio ili promijenio njihove vrijednosti.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_5210.jpeg
    Ovo je samo početak opisa objekt s tijelom samo dizajner. U ovom primjeru izvršava se opis objekta za rad s kolačićima. Objekt se inicijalizira u trenutku učitavanja stranice konstruktom:
  • var oCookie = novi scCookies (cOwnerCode);
  • oCookie. Init ();
  • U ovom primjeru, cOwnerCode je jedinstveni kod posjetitelja. Ako nije prisutan, novi će kod biti kreiran u dizajnu objekata oCookie. Nije bitno na što je posjetitelj govorioProgramer ovog objekta, važan kao ključna riječ ovdje, koristi se ovdje za opisivanje objektnih metoda i poziva ih iz drugih objektnih metoda:
  • ovo. GetCookie = funkcija (cName) {};
  • ovo. SetCookie = funkcija (cName, cValue) {}.
  • Tako su opisane metode objekta za čitanje kolačića njegovog imena i upisivanje vrijednosti kolačića s određenim imenom.
  • ovo. GetCookie ('cOwner');
  • ovo. SetCookie ('cOwner', cOwner);
  • Tako da se koriste, ako vrijednost prvog konstrukta nije osigurana kao rezultat prvog konstrukta, tada ga drugi konstrukt postavlja.

    Primjer objekta s kolačićima

    Možete raspravljati o tome što je objekt objekta javascript i paradigmi objektno orijentiranog jezičnog pristupa koji radi u okruženju preglednika. To je zabavno, ali u stvarnosti vam je potrebna praksa, a ne teorija. Posluživanje DOM stranica, pružanje alata za upravljanje objektima i pokretnim objektima je moćna strana javascripta.
    http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_5111.jpeg
    praksa je važna. Rad s kolačićima na gotovo svim web resursima po redoslijedu. Ostvarivanje toga u obliku objekta je odlična ideja. U tom kontekstu, inicijalizacija objekta pojavljuje se u vrijeme otvaranja stranice: stranica učitana = objekt kolačića postoji i pročita sve, a što nije - stvoreno. U procesu rada sa stranicom posjetitelj izvodi jednu ili drugu radnju i preglednik mora izmijeniti ili stvoriti kolačić. Postoje dvije metode objekta (navedene gore) koje to čine. Zapravo, objekt kolačića pojavljuje se odmah nakon što preglednik gradi DOM i nadopunjuje sustav objekta javascriptnova funkcionalnost: čitanje i stvaranje (uređivanje) kolačića. U ovom jednostavnom primjeru objektno orijentirano programiranje se smatra postupkom stvaranja stvarnih objekata koji imaju samo svoja svojstva i funkcionalnosti (metode). Svaki objekt radi svoj posao i ne sudjeluje u općem algoritmu, ne mijenja podatke drugih objekata ili zajedničkog prostora imena. S ovim pristupom, programer osigurava stvaranje sustava jedinstvenih objekata koji su dovoljni za opisivanje i održavanje rješivog problema.

    Događaji i objekti stranice

    Važan element funkcije DOM i javascript: objekt je događaj s - omogućuje vam da dobijete informacije o događaju u njegovom rukovatelju. Skoro svaki element stranice može biti dodijeljen vlastitom rukovatelju za jedan ili više događaja.
    [thumb] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_9812.jpeg
    U stvari, programer javascripta ga ne stvara veliki dio koda i skup opisa funkcija, objekata, struktura podataka i dodjeljuje određene elemente rukovatelja događajima na stranici. Object event - ova informacija o događaju koji je uzrokovao rukovatelja i mogućnost izvođenja ovog rukovatelja adekvatnog odgovora na ovaj događaj. Svaki se događaj razlikuje ne samo po imenu i mjestu nastanka, već i po skupu drugih parametara. Konkretno, događaji na tipkovnici su jedan skup parametara, događaji miša - potpuno različit raspon podataka, a odgovor poslužitelja kroz AJAX uopće nije sam programer. U svakom slučaju, uzorak događaja koji se može pojaviti na stranici pretvara se u raspon omogućenih rukovaoca izvanOpcije za obradu određenog skupa događaja, stranica ne poduzima nikakve radnje.

    Stvaranje i pokretanje objekata

    Preglednik "pretvara" URI, adresu web-resursa koju je odredio posjetitelj, stablo DOM - sustav objektnih objekata ovog web-resursa. Kada se posjetitelj pomakne s veza na stranici, preglednik se pomiče na odgovarajuća stabla drugih stranica. Ova okolnost omogućuje razvijatelju da izgradi svoj sustav objekata kao temelj web-resursa, adekvatno reagirajući na ponašanje posjetitelja. Ako odaberete opću funkciju, na primjer:
  • radite s kolačićima;
  • prijem /prijenos podataka (AJAX);
  • ​​
  • opisi alata;
  • interne poruke (chat site);
  • druge zadaće;
  • one kreirane jednom, objektni sustavi mogu se koristiti u razvoju drugih mjesta. To je značajna prednost objektnog pristupa uobičajenom korištenju javascripta, kao jezika preglednika, koji osigurava funkciju stranice i odgovor na događaje.
    [img] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_7813.jpeg [/img]Objekti su završeni komponente koje se mogu izvršiti kao zasebne datoteke i koristiti kasnije. Karakteristična značajka takvog pristupa je mogućnost povratnih informacija, kada se ažurirani, poboljšani objekt može koristiti u prethodnom razvoju, automatski ažurirajući njegovu funkcionalnost bez poboljšanja web-mjesta.

    Povezane publikacije

    Primjeri JavaScript objekata Koristeći javascript i onload događaje za stvaranje "neovisnih" stranica Višedimenzionalni, asocijativni JavaScript nizovi. Rad s JavaScript nizovima Koji je najbolji program za stvaranje programa na računalu? Programi za stvaranje glazbe, crtani filmovi Transformacija CSS-a: teorija i primjeri transformacije objekata Program za stvaranje znakova. MakeHuman je 3D dizajner za stvaranje znakova