Odwiedzenie zasobu sieciowego jest określonym identyfikatorem URI w pasku adresu przeglądarki. Gość wskazać stronę, a ona rozumie przeglądarka elementy drzewa DOM - Document Object Model. Dowolny link na tej stronie informuje przeglądarkę, aby zdemontowała kolejną stronę i zbudowała inne drzewo obiektów.

Przeglądarka pozwala użytkownik tyłu lub przejdź do łańcucha stron, które były już wyświetlane w bieżącej sesji. W rzeczywistości działania użytkownika przesuwają się między systemami obiektów utworzonymi podczas procesu odwiedzania stron. Każda strona - jest rzeczywiście DOM drzewo, a ponadto javascript obiektu - są opisach język i składnię.

DOM: download, aktualizacji i zmian

Istnieją trzy główne opcje, które tworzą obiektom zasobu stronę internetową, zarówno na poziomie języka i DOM JavaScript, ukończyli tworząc zmienne budowlanych , oraz na podstawie opisów dokonanych przez autora:

download - odwiedzający pojawił się na stronie;

aktualizacja - strona zaktualizowana dla odwiedzających (przycisk przeglądarki lub Ctrl-F5);

zmień element strony, na przykład (AJAX, skrypt, zdarzenie,).

Wszystkie trzy procesy są zasadniczo różne, ale szczególne znaczenie ma rozróżnienie cech dwóch pierwszych. Trudno jest zapobiec odwiedzających zaktualizować stronę - to nie do wykorzenienia „zgubny nałóg”, w którym deweloper powinien być świadomy. Nawigacja na stronie i poza nią powinna leżeć wyłącznie w funkcji samej strony, a nie w historiiodwiedziny przeglądarki i funkcje jej przycisków. Wiele stron deklaruje to jako ważne wymaganie, ale odwiedzający tradycyjnie go naruszają.


Zmiana strony bez ponownego uruchamiania na poziomie jej pojedynczego elementu (na przykład AJAX) jest zwykłym rozwiązaniem dla dynamicznych stron. Z reguły służy do poruszania się po elementach strony, zmiany jej obiektów, zarządzania dialogami z odwiedzającym.

Podstawowe obiekty javascript

javascript opiera się na obiektach. Prawie wszystkie zmienne są obiektami. Deweloper może sformułować własny opis obiektów za pomocą różnych wariantów składni.nie wszystko „linia "," number ", true, false, null lub undefined to obiekt. Jako część składni języka, nie może to być znaczące, zrozumienie obiektów tylko elementy DOM i ich własny opis obiektu javascript. Podstawowa struktura języka w większości przypadków dla programisty nie ma znaczącego znaczenia praktycznego. Na przykład funkcje matematyczne są reprezentowane przez obiekt Math. Funkcja ta jest przydatna w koncepcji języka, ale dla dewelopera - jest to po prostu wygodne składni wymagane do korzystania z arsenału działań matematycznych.Ważne jest, aby pracować z DOM i poprawnie opisuj swoje własne obiekty. Składnia funkcji obiektu javascript i wyrażeń dla ich aplikacji jest formą rejestrowania wymaganego algorytmu.

Linie, tablice i obiekty

W sercu wszystkich obiektówjavascript jest regułą: "property" = "value" i pojęcie tablica asocjacyjna. W najprostszym przypadku obiekt javascript jest zbiorem par "property" = "value". Wartość nie zawsze może być wiele, a nieruchomość nie zawsze jest napisane bez cudzysłowów.
Nie nadużywaj nazwy nieruchomości. Idealnie, nazwy właściwości zawierające tylko znaki alfabetu łacińskiego, spełniają wymagania dla nazw zmiennych nie krytycznych (w t. H. Język zastrzeżone słowa.nie ma uporządkowanie właściwości nie są spodziewane, ale stworzenie lub asocjacyjne inicjalizacji tablicy wiedzieć, jak jej elementy są całkiem do przyjęcia. Za pomocą tego faktu . nie zaleca się, ale należy pamiętać - może Inicjalizacja tablicy właściwości oznacza zarówno: (20 ). Tworzenie tablicy,

kształtowania Przedmiotem

W tym konkretnym kontekście aplikacji mogą być przeglądane JavaScript Object - jako asocjacyjnej, i gdzie indziej algorytmu - jako obiekt, przypisanie niezbędne metody zmiany wartości jego elementy. jako nazwy właściwości i ich wartości podczas tworzenia lub edycji musi być podana w ciągu formatu, należy rozważyć użycie notacji ciąg i cytaty.

właściwości Object Access

Pobieranie i zmianę właściwości obiektu może zaprojektować Object.keys: JavaScript tworzy szereg właściwości obiektu. Gdy obiekty są tworzone dynamicznie, ten projekt jest bardzo wygodny, ponieważ automatycznie generuje listę wszystkichwłaściwości dostępne w obiekcie.W tym przykładzie, opis jest wykonany z dwóch tablice na różne sposoby. W aplikacji obie tablice są równoważne, ponieważ zawierają te same właściwości i ich wartości. W pętli wszystkie właściwości drugiej tablicy są sortowane i tworzony jest rząd wszystkich wartości. Podobny efekt można uzyskać w notacji punktowej lub stacjonarnej:

x1_Obj. NameLast;

x1_Obj ['NameFirst'].

Oba projekty są dopuszczalne i dają pożądany wynik. W tym przykładzie, po ustawieniu za pomocą tablicy klamrowe „{}” może być błąd jako znak „” na końcu transferu (wskazanej w przykładzie czerwone kółko). Przeglądarki zwykle ignorują dodatkową postać w transferze, ale lepiej tego nie robić.

Usuwanie właściwości obiektu

Ponieważ przedmiocie - asocjacyjna JavaScript celem usunięcia działania występuje w bieżącej lokalizacji (rzędu - jest to znaczenie) i uznawane właściwości zbierania tego obiektu ' rzeczW ramach tego przykładu może być używany takie projekty:

usuń x1_Obj. NameLast;

usuń x2_Obj ['NameFirst']; [Trzydziestu] Pierwszy wzór usunięcie drugiego elementu pierwszego obiektu, druga struktura - pierwszy element z drugim przedmiotem. usuwanie operator nie działa na właściwości prototypu i zwraca wynik false, jeżeli nieruchomość nie może być usunięty.

Właściwości i metody obiektów

Składnia właściwości obiektów javascript ifunkcje (metody) są podobne do ogólnych kanonów składni i semantyki języka. W rzeczywistości jest dokładnie odwrotnie.

[kciuk] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_888.jpeg [/kciuka]

Własności obiektu i metody - jest opcją do opisywania informacji i działań, które są z nią dozwolone poprzez paradygmat javascript zorientowany obiektowo.

[kciuk] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_469.jpeg [/kciuka]

W tym przykładzie opisano, o ' obiekt x3_Obj, który ma tylko dwie właściwości: item i pos. Następnie dodano funkcję wait () jako funkcję. W wyniku interpretacji niniejszego opisu, w związku z wartościami właściwości, JavaScript wartości obiektu nie jak pokazano w polu powoduje, że wprowadzone do funkcji korpusu

, jako wartość. Bezpośrednie wywoływanie właściwości Hello () interpretowane jest jako metoda (funkcja), a wynikiem

jest wykonanie kodu tej metody.

Kluczowym słowem w tej kwestii

Dla orientacji w przestrzeni właściwości obiektu programista może użyć tego słowa kluczowego i link do niego, ponieważ opisane właściwości dostać lub zmieniać ich wartości.

[kciuk] http://hi-news.pp.ua/uploads/posts/2017-11/javascript-object-stvorennya-obyektv-robota_5210.jpeg [/kciuka]

To jest jedynie początek przedmiotem opisu " obiekt z projektantem tylko ciała. W tym przykładzie jest wykonywany opis obiektu do pracy z plikami cookie. Celem jest inicjowany w czasie struktury strony obciążenia

, zmienna oCookie = Nowe scCookies (cOwnerCode);

oCookie. Init ();

W tym przykładzie cOwnerCode jest niepowtarzalnym kodem użytkownika. Jeśli go nie ma, zostanie utworzony nowy kod w projektorze obiektów oCookie. Nie ma znaczenia, do czego zwracał się użytkownikTwórca tego obiektu, ważny jak słowo kluczowe tutaj, jest tutaj używany do opisania metod obiektów i wywołania ich z innych metod obiektowych:

to. GetCookie = funkcja (cName) {};

to. SetCookie = function (cName, cValue) {}.

Opisano więc metody obiektu do odczytywania cookie jego nazwy i zapisania wartości pliku cookie o określonej nazwie.

to. GetCookie ("cOwner");

to. SetCookie ("cOwner", cOwner);

Więc są one używane, jeśli wartość pierwszego konstruktu nie jest dostarczana jako wynik pierwszego konstruktu, to drugi konstrukt je ustawia.

Przykłady obiektów do pracy z cookies

Można dyskutować co paradygmat JavaScript Object i zorientowany obiektowo podejście do języka, który jest uruchamiany w przeglądarce. To zabawne, ale w rzeczywistości potrzebujesz praktyki, a nie teorii. Serwowanie stron DOM, dostarczanie narzędzi do manipulowania obiektami i systemami ruchomych obiektów to potężna strona javascript.obiektowego praktyka jest ważna. Praca z plikami cookie na praktycznie wszystkich zasobach sieciowych w porządku rzeczy. Uświadomienie sobie tego w postaci obiektu jest świetnym pomysłem. W tym kontekście inicjalizacja obiektu następuje w momencie otwierania strony: strona załadowana = obiekt pliku cookie istnieje i odczytuje wszystko, a co nie zostało - utworzone. W trakcie pracy ze stroną odwiedzający wykonuje jedno lub drugie działanie, a przeglądarka musi zmodyfikować lub utworzyć plik cookie. Są dwie metody obiektu (wspomniane powyżej), które to robią. W rzeczywistości obiekt cookie pojawia się natychmiast po tym, jak przeglądarka zbuduje DOM i uzupełni system obiektów javascriptnowa funkcjonalność: czytaj i twórz (edytuj) pliki cookie. Ten prosty przykład programowania obiektowego jest postrzegane jako sposób tworzenia rzeczywistych obiektów, które mają tylko swoje własne właściwości i funkcje (metody). Każdy obiekt wykonuje swoje zadanie i nie uczestniczy w ogólnym algorytmie, nie zmienia danych innych obiektów lub wspólnej przestrzeni nazw. Dzięki takiemu podejściu twórca zapewnia stworzenie systemu unikalnych obiektów wystarczających do opisania i utrzymania rozwiązywanego problemu.

strony Zdarzenia i obiektów

Ważnym elementem funkcjonowania DOM i Javascript: obiekt zdarzenia S - dostarcza informacji na temat wydarzenia w jego obsługi. Praktycznie każdy element strony może mieć przypisany własny program obsługi dla jednego lub więcej zdarzeń.W rzeczywistości, JavaScript wywoływacz nie tworzy się duży kawałek kodu, a wiele funkcji, opisy obiektów, struktur danych i przypisanie konkretnych elementów strony obsługi zdarzeń. Impreza obiekt - czyli informacja o zdarzeniu, które spowodowało obsługi i zdolność do wykonania tej procedury obsługi adekwatnej odpowiedzi na to wydarzenie. Każde zdarzenie różni się nie tylko nazwą i miejscem zdarzenia, ale także zbiorem innych parametrów. Konkretnie, wydarzenia z klawiaturą - jeden zestaw parametrów zdarzenia myszy - zupełnie inny zakres danych i odpowiedź z serwera za pośrednictwem AJAX on zaplanować dewelopera. W każdym przypadku wzorzec zdarzeń, które mogą wystąpić na stronie, przekształca się w zakres obsługiwanych procedur obsługi na zewnątrzOpcje przewidziane do przetwarzania określonego zestawu zdarzeń, strona nie podejmuje żadnych działań.

Ustanowienie i funkcjonowanie obiektów

Browser „przekształca” URI, adres WWW zasobu określonego przez Timber DOM - obiekty systemowe stron tego zasobu sieciowego. Gdy użytkownik przenosi się z linków na stronie, przeglądarka przechodzi do odpowiednich drzewek na innych stronach. To pozwala programiście na zbudowanie systemu obiektów jako fundament swojego życia, odpowiednio reaguje na przybyszu zachowanie. Jeśli wybierzesz ogólną funkcję, na przykład:

działa z plikami cookie;

odbiór /transmisja danych (AJAX);

​​

podpowiedzi;

wiadomości wewnętrzne (strona czatu);

inne zadania;

tworzone raz, systemy obiektowe mogą być wykorzystywane w rozwoju innych stron. Ta znacząca przewaga nad tradycyjnym obiektowego podejścia przy użyciu javascript, jako język strony przeglądarki, która zapewnia działanie i reagowanie na zdarzenia.Obiekty - jest gotowe komponenty, które mogą być wykonywane jako oddzielne pliki i używane później. Charakterystyczną cechą takiego podejścia jest możliwość sprzężenia zwrotnego, kiedy zaktualizowany, ulepszony obiekt może być używany we wcześniejszym rozwoju, automatycznie aktualizując jego funkcjonalność bez ulepszania witryny.