Wcześniej nie sądziłam, że Internet może dać tak szerokie możliwości rozwoju mojego biznesu, jednak czas mijał i w końcu odkryłam ten świat pełen możliwości. Internet daje możliwość sprzedaży swoich produktów, szerokiej gamy produktów. Każdego dnia rośnie liczba użytkowników sieci WWW, a jednocześnie rosną nasze możliwości.

Dawno, dawno temu nie rozumiałem wielu schematów zarobkowych, ale dziś mogę z całkowitą pewnością powiedzieć, że podstawą każdego biznesu w sieć globalna leży strona internetowa. Co więcej, nie tylko witryna, ale właściwa witryna. Co więcej, na to, czy strona będzie rentowna, wpływa wiele czynników. Pierwszą rzeczą, z którą spotyka się odwiedzający jakąkolwiek witrynę internetową, jest interfejs.

Uwierz mi, od atrakcyjności witryny zależy, czy zwykły użytkownik na niej pozostanie, czy nie. Oczywiście, jeśli dana osoba czyta Twoją witrynę od dłuższego czasu, wybaczy Ci różne błędy, które możesz popełnić w funkcjonalności witryny. Ale po raz pierwszy interfejs będzie odgrywał kluczową rolę w tym, aby klient polubił Twoją witrynę. Jak mówią: „witają ich ubrania, odtrąca ich umysł”.

Aby jednak stworzyć oryginalne i zapadające w pamięć ubrania dla Twojej witryny, musisz wiedzieć, do czego służy JavaScript. Tak naprawdę bez JavaScriptu nie da się stworzyć pięknej, funkcjonalnej strony internetowej. Co więcej, nie będzie potrzeby zaśmiecania witryny tonami kodu. Wystarczy dodać tylko kilka linii i różne przyciski a pozycje menu „ożyją” i staną się atrakcyjniejsze. Nawiasem mówiąc, skrypt JavaScript umożliwi Ci przewijanie zdjęć w Twoim portfolio. Dodatkowo możesz jeszcze bardziej zwiększyć funkcjonalność strony podczas wyświetlania danych. Tutaj również potrzebny jest JavaScript

Być może wielu pomyśli, że działa to np. na dobrym CMS-ie, a do zarządzania takim blogiem wcale nie jest potrzebna znajomość JavaScriptu. W Internecie można znaleźć wiele różnych modułów i wtyczek, za pomocą których można znacznie poprawić funkcjonalność, dodać fajne efekty itp. Nie powinniśmy jednak zapominać, że technologie internetowe nie stoją w miejscu, wszystko ciągle się zmienia. Dlatego warto na bieżąco monitorować powstawanie nowych bibliotek JavaScript, gdyż niewykluczone, że dzisiejsze pakiety umożliwią realizację tego, co jeszcze wczoraj wydawało się jedynie marzeniem. Dlatego mówiąc o aktualizacji witryny, mają na myśli również użycie JavaScript.

Teraz do nauki JavaScript. Z jakiegoś powodu wiele osób uważa, że ​​nauka tego języka programowania jest dostępna tylko dla wybranych. Ale tak naprawdę tak nie jest. Programiści stron internetowych nieustannie pracują nad tworzeniem nowych Elementy JavaScriptu, co znacznie upraszcza jego składnię i użycie. Ponadto możesz używać kodu JavaScript na stronach swojej witryny, jeśli wiesz, jak korzystać z odpowiednich podręczników. Z pomocą przyjdą wspaniałe kursy wideo, za pomocą których może uczyć się nawet kompletny laik krótki czas będzie w stanie opanować JavaScript.

Chciałbym wyrazić moją wdzięczność Evgeniyowi Popovowi, autorowi szeregu kursów wideo na temat tworzenia stron internetowych, za wsparcie informacyjne. Zawiera kurs wideo „Javascript + jQuery dla początkujących w formacie wideo”

Dzień dobry wszystkim, którzy chcą się zanurzyć ciekawy świat programować i poznać podstawy JavaScript. Wszystkie moje późniejsze publikacje w ta sekcja pomoże Ci zrozumieć wiele podstawowych aspektów języka, nauczy się programowo realizować popularne zadania, a także rozwinie swoje umiejętności na wyższy poziom erudycji.

Pragnę zaznaczyć, że kurs został napisany z myślą o początkujących programistach JavaScript, ale przyda się także zaawansowanym programistom.

Jeśli chodzi o ten artykuł, przedstawię Ci ogólne pojęcie na temat JavaScript, opowiem w jakich przypadkach się go stosuje, a dla ciekawskich podam przykład pierwszego tradycyjnego kodu programu. Przejdźmy teraz do głównej części!

Świat JavaScriptu

Najpierw chcę ci powiedzieć kilka interesujące fakty, co musisz wiedzieć, jeśli chcesz pisać w tym konkretnym języku i ogólnie pracujesz w branży IT.

Tak więc głównym twórcą JavaScriptu był Bredan Eich. Wraz z zespołem doświadczonych ekspertów zaczął tworzyć nowy język, który można było osadzić w . To było jeszcze w 1995 roku.

Niektórzy z Was mogą oczywiście powiedzieć: „Jak daleko to będzie, jeśli złapię w tym roku”. W świecie IT wszystko rozwija się w zawrotnym tempie (chyba to zauważyłeś), nowe frameworki i rozwiązania technologiczne pojawiają się dosłownie co miesiąc.

Oczywiście języki nie są wydawane z taką częstotliwością, ale najpopularniejsze i obiecujące języki powstały niecałe 15 lat temu (np. Swift został zaprezentowany zaledwie 2 lata temu). Zatem rozwój szybko przechodzi od stanu „innowacji” do stanu „starego (tradycyjnego) narzędzia pracy”.

Bardzo często początkujący mylą JavaScript z Javą, zwracając uwagę jedynie na nazwę i nie rozumiejąc, na czym tak naprawdę polega różnica.

Pamiętając moją pierwszą znajomość tych dwóch języków, chcę Cię ostrzec: profesjonalni programiści naprawdę nie lubią, gdy ktoś popełnia błąd lub ze względu na swój brak doświadczenia błędnie używa tych dwóch nazw. Masz gwarancję spojrzenia z boku.

Java jest językiem wysoki poziom, którego kod jest tłumaczony na maszyna wirtualna. W 1995 roku uznano go za najpopularniejszy i najczęściej używany język do pisania wielu programów z różnych dziedzin IT.

JavaScript jest językiem osadzonym i jego głównym celem jest zapewnienie interaktywności strony zasobów internetowych, tj. bardziej elastyczni i „komunikatywni”. Opiera się na ECMAScript, który z kolei jest podstawą kilku innych języków skryptowych.

JavaScript nie od razu otrzymał tę nazwę. Pierwotnie nosił nazwę Mocha, ale później został przemianowany na LiveScript. Postanowiono jednak zastosować sprytny chwyt marketingowy i w nazwie nowego produktu umieścić słowo „Java”. Nawiasem mówiąc, każda aplikacja napisana w tym języku nazywa się skryptem.

Funkcje JavaScriptu

Współczesny JavaScript jest językiem interpretowanym. Oznacza to, że kod programu jest przetwarzany i wykonywany „tak jak jest”. Dokładnie tak działają ze skryptami.

Oprócz tworzenia stron internetowych JavaScript można znaleźć w innych obszarach. Służy do pisania różnego rodzaju aplikacji, gier, oprogramowania aplikacyjnego i wielu innych. Skrypty można uruchamiać absolutnie wszędzie i nie tylko w . Głównym warunkiem jest obecność interpretera kodu.

Główne zalety i umiejętności JavaScriptu to:

• Możliwość tworzenia niestandardowych tagów w znacznikach HTML, a także usuwania i modyfikowania istniejących;
• Szybkie i łatwe połączenie z HTML;
• Możliwość reagowania na różne działania użytkownika: kliknięcie, przesunięcie kursora na stronie internetowej, wpisanie znaków z klawiatury itp.;
• Możliwość wyzwalania w określonych momentach;
• Interakcja z jquery i ajaxem. Wykorzystując pierwszą technologię, jaką jest biblioteka JavaScript, upraszcza pracę z wieloma elementami serwisów internetowych, w tym z ajaxem. Ajax z kolei pozwala na zaimplementowanie za pomocą uszu bardzo fajnej sztuczki: przesłanie informacji na stronę serwera, otrzymanie odpowiedzi i aktualizację danych na stronie internetowej bez jej całkowitego przeciążania.
• Specyfikacja JavaScript jest powszechnym standardem i dlatego jest obsługiwana przez wszystkie istniejące przeglądarki;
• Wysoka prędkość.

Chcę również zauważyć, że kod napisany w JavaScript może czasami zastąpić CSS. Istnieje jednak kilka niuansów.

Po pierwsze, kluczowym słowem w poprzednim zdaniu jest „czasami”. Tak, niektóre właściwości wygląd usługi internetowe można pisać przy użyciu skryptów, ale nie wszystkie.

Mimo to css i css3 żyją, aby spełnić swoje główny cel– zapewnienie wysokiej jakości i wielofunkcyjności wyglądu stron internetowych. I trzeba im to przyznać, bo doskonale radzą sobie ze swoim zadaniem.

Po drugie, jeśli zajdzie taka potrzeba, zmiana wyglądu usług internetowych realizowanych w języku js będzie znacznie trudniejsza i bardziej zasobochłonna.

Jak zawsze nie ma idealnych technologii, które nadają się do każdego zadania i mogą wykonać dowolną akcję. JS nie jest wyjątkiem. Pomimo ogromnej listy zalet skrywa także kilka szkieletów w szafie.

Po pierwsze, w JavaScript brakuje silnego typowania. To może Cię zadowolić tylko na początku, gdy w Twojej głowie pojawią się myśli: „Wreszcie nie musisz się martwić o rodzaje zmiennych i ich konwersję”.

Jednak w miarę wzrostu złożoności i objętości kodu brak pisania ujawnia jego prawdziwą naturę. Przynajmniej weź kompilator. Nie może zgłaszać błędów niezgodności typów danych, ponieważ sam ich nie zna, dopóki nie zostanie wykonana wymagana linia programu.

Ponadto język nie zapewnia pracy systemy plików(tworzenie, usuwanie, łączenie itp. plików), a także z przepływami informacji we/wy, co czasami jest bardzo krytyczne. W takim przypadku programiści muszą szukać innych narzędzi do pracy z dokumentami.

Jeśli chodzi o dziedziczenie, to temat ten wymaga szczegółowego omówienia, gdyż dziedziczenie w js to zupełnie inny mechanizm, odmienny od zwykłego dziedziczenia w popularnych językach. Na razie powiem tylko, że opiera się na prototypach, a dziedziczenie odbywa się poprzez obiekty.

W jaki sposób kod skryptu jest połączony z HTML?

Można to zrobić na kilka sposobów, a dokładnie na trzy. Wybór jednego z nich zależy od ilości kodu i samego projektu.

Jeśli ktoś pamięta moją publikację na temat wstawiania css do , od razu zrozumie o czym mówię, ponieważ metody implementacji skryptów i zasady stylu są identyczne.

Zacznijmy od pierwszego. Mały fragment kodu można wstawić do języka znaczników za pomocą specjalnego sparowanego znacznika< script>. Zgodnie z ustalonymi zasadami, część skryptowa, podobnie jak tabele stylów, jest zwykle wprowadzana wewnątrz elementu.

Jeśli jednak wkleisz kod w innym miejscu, wynik nie ulegnie zmianie. Teraz pokażę standardowy przykład pierwszego programu w js, który stał się swego rodzaju tradycją wprowadzania początkujących do nauki nowego języka programowania. Powitajmy świat!

Trzeci sposób polega na dodaniu elementów skryptu do tagów. Opcja ta służy do definiowania zdarzeń (np. połączenia zdarzenia wyzwalanego kliknięciem myszki).

przetwarzanie funkcji avg_salary() //komentarz

Programowanie to nie tylko sposób na zarobienie dużych pieniędzy i nie jest nawet całkowicie pracą umysłową. To okazja, aby zrozumieć, z czego składa się otaczający nas świat, rozłożyć go na drobne cząstki, a następnie złożyć na nowo, kierując się własną logiką i wiedzą.

Języki programowania to tylko narzędzie, za pomocą którego człowiek buduje reguły w tworzonych systemach.

Internet oferuje bogactwo możliwości, z których korzystają bystre i przedsiębiorcze umysły. Oczywiście tworzenie stron internetowych ma również własne narzędzia do urzeczywistniania pomysłów. Jednym z nich jest język programowania JavaScript, który zostanie omówiony w tym artykule:

informacje ogólne

Wiele osób, nawet tych, które nie mają nic wspólnego z branżą IT, słyszało słowo Java. Rewolucyjny, niezależny od platformy język, w którym aktywnie pisane są aplikacje systemy mobilne. Został opracowany przez obiecującą firmę Sun, która następnie przeszła pod skrzydła Oracle. Ale żadna z firm nie ma nic wspólnego z JavaScriptem:

Jedyne, czego wymagano od firmy Sun, to pozwolenie na używanie części nazwy. Co zaskakujące, JavaScript nie jest własnością żadnej firmy.

Podczas pisania aplikacji internetowych najczęściej wykorzystuje się programowanie JavaScript. Aby krótko wymienić kluczowe cechy tego języka należy podkreślić, co następuje:

• Orientacja obiektowa. Wykonanie programu reprezentuje interakcję obiektów;
• Konwersja typów danych odbywa się automatycznie;
• Funkcje są obiektami klasy bazowej. Ta funkcja sprawia, że ​​JavaScript jest podobny do wielu funkcjonalnych języków programowania, takich jak Lisp i Haskell;
• Automatyczne czyszczenie pamięci. Tak zwane wyrzucanie śmieci sprawia, że ​​JavaScript jest podobny do C# lub Java.

Jeśli mówimy o istocie Aplikacje JavaScriptowe, to język ten pozwala „ożywić” nieruchome strony serwisu za pomocą kodu, który można uruchomić do wykonania (tzw. skryptów). Oznacza to, że możemy narysować analogię do kreskówek, gdzie HTML i CSS to narysowane postacie, a JavaScript wprawia je w ruch.

Jeśli mówimy o składni JavaScript, ma ona następujące funkcje:

• Rejestracja jest ważna. Funkcje zwane func() i Func() są zupełnie inne;
• Po operatorze musi nastąpić średnik;
• Wbudowane obiekty i operacje;
• Spacje nie są liczone. Aby sformatować kod, możesz użyć dowolnej liczby wcięć i podziałów wierszy.

Najprostszy kod JavaScript wygląda następująco:

Szereg zastosowań

Aby zrozumieć po co JavaScript jest potrzebny i jak konieczna jest jego nauka, powinniśmy wyróżnić pewne obszary, w których jest on wykorzystywany dany język programowanie.

• Tworzenie aplikacji internetowych. Chcesz zainstalować prosty licznik, zorganizować transfer danych pomiędzy formularzami, a może umieścić grę na swojej stronie? Wtedy JavaScript będzie wiernym pomocnikiem w tej kwestii;
• „Aktywne uczestnictwo” w AJAX. Technologia ta umożliwiła znaczne przyspieszenie działania aplikacji poprzez wymianę danych z serwerem w trybie „w tle”:

• system operacyjny. Niektórzy mogli nie wiedzieć, ale Windows, Linux i Mac mają swoich konkurentów w zakresie przeglądarek, z których lwia część jest napisana w JavaScript;
• Aplikacje mobilne;
• Kierunek studiów. Każda specjalność programistyczna na uniwersytecie obejmuje w takim czy innym stopniu naukę JavaScriptu. Wynika to z faktu, że język został pierwotnie opracowany dla niezbyt silnych programistów. Lekcje JavaScript są logicznie wplecione kurs podstawowy HTML, więc opanowanie go jest dość proste.

Zalety i wady

Nie myślcie, że JavaScript jest jakimś panaceum na wszystkie problemy i każdy programista używa tego języka z uśmiechem na twarzy. Wszystko na świecie ma swoje pozytywne i negatywne strony. Najpierw zwróćmy uwagę na niedociągnięcia.

• Konieczność zapewnienia kompatybilności między przeglądarkami. Ponieważ JavaScript działa jak technologia internetowa, musisz pogodzić się z regułami, które wyznacza Sieć ogólnoświatowa. Kod musi działać poprawnie we wszystkich, a przynajmniej w tych najpopularniejszych przeglądarkach;
• System dziedziczenia w języku sprawia, że ​​trudno jest zrozumieć, co się dzieje. JavaScript implementuje dziedziczenie oparte na prototypach. Osoby, które uczyły się innych obiektowych języków programowania, są przyzwyczajone do zwykłego stwierdzenia „klasa podrzędna dziedziczy klasę nadrzędną”. Ale w JavaScript takimi rzeczami zajmują się bezpośrednio obiekty, a to wykracza poza twoje zrozumienie;
• Nie ma standardowej biblioteki. JavaScript nie zapewnia żadnych możliwości pracy z plikami, strumieniami we/wy ani innymi przydatnymi rzeczami;
• Ogólnie składnia utrudnia zrozumienie. Piękno kodu zdecydowanie nie jest mocną stroną JavaScriptu, ale przestrzegana jest główna zasada programistów: „Czy to działa? Nie dotykaj! "

Teraz warto zwrócić uwagę na pewne zalety

• JavaScript zapewnia dużą liczbę możliwości rozwiązywania różnorodnych problemów. Elastyczność języka pozwala na zastosowanie wielu wzorców programowania w odniesieniu do konkretnych warunków. Pomysłowy umysł będzie miał prawdziwą przyjemność;
• Popularność JavaScriptu otwiera przed programistą znaczną liczbę gotowych bibliotek, które mogą znacznie uprościć pisanie kodu i wyrównać niedoskonałości składni;
• Zastosowanie w wielu obszarach. Szerokie możliwości JavaScriptu dają programistom szansę sprawdzenia się w roli programisty szerokiej gamy aplikacji, a to oczywiście podsyca zainteresowanie działalnością zawodową.

Nie należy zwracać uwagi na to, że było więcej minusów niż plusów. JavaScript jest mocno zakorzeniony w swojej niszy i nie ma stamtąd żadnej krytyki pod jego adresem ten moment nie wybije tego.

Dla tych, którzy chcą się uczyć

Przed tymi, którzy zdecydują się dogłębnie przestudiować JavaScript, czeka trudna i długa droga. Dla początkujących istnieją podstawowe zalecenia, dzięki którym możesz znacznie uprościć naukę.

• Po pierwsze HTML. Bez podstaw nie można zacząć robić czegokolwiek w Internecie. Kaskadowe arkusze stylów (CSS) również będą bardzo przydatne;
• Korzystaj z nowej literatury. Programowanie to nie fizyka, której prawa są nienaruszalne, a nowe podręczniki to okrojone stare. Technologie informatyczne stale się rozwijają i nie należy zaniedbywać przydatnych aktualizacji;
• Spróbuj sam napisać wszystkie sekcje programu. Jeśli coś w ogóle nie wyjdzie, możesz pożyczyć kod od kogoś innego, ale dopiero po wcześniejszym zrozumieniu każdej linijki dla siebie;
• Debugowanie jest Twoim najlepszym przyjacielem. Szybkie znajdowanie błędów jest jednym z najważniejsze momenty w programowaniu;
• Nie ignoruj ​​​​zasad formatowania. Oczywiście kod nie stanie się lepszy ani gorszy z powodu różnej liczby wcięć i spacji, ale ważna jest także łatwość czytania i zrozumienia przez programistę. Poniższy kod? bardzo trudne do zauważenia, szczególnie jeśli nie jesteś nim

• Nazwy zmiennych muszą mieć znaczenie leksykalne. W trakcie pisania proste programy Nie wydaje się to wcale ważne, ale gdy liczba linii kodu przekracza tysiąc, wszystkie diabły łamią nogi;

JavaScript został stworzony przez programistę Brendana Eicha z Netscape i wprowadzony w grudniu 1995 roku pod nazwą LiveScript. Dość szybko zmieniono jego nazwę na JavaScript, choć oficjalna nazwa JavaScriptu to ECMAScript. ECMAScript jest rozwijany i utrzymywany przez międzynarodową organizację ECMA (Europejskie Stowarzyszenie Producentów Komputerów).

Co to jest JavaScript?
1) JavaScript jest językiem skryptowym lub językiem skryptowym. Scenariusz jest kod programu- zestaw instrukcji, który nie wymaga wstępnego przetwarzania (na przykład kompilacji) przed wykonaniem. Kod JavaScript jest interpretowany przez silnik przeglądarki podczas ładowania strony internetowej. Interpreter przeglądarki przeprowadza analizę, przetwarzanie i wykonywanie wiersza po wierszu oryginalnego programu lub żądania.

2) JavaScript jest językiem obiektowym z dziedziczeniem prototypowym. Obsługuje kilka wbudowanych obiektów, a także pozwala tworzyć lub usuwać własne (niestandardowe) obiekty. Obiekty mogą dziedziczyć właściwości bezpośrednio od siebie, tworząc łańcuch obiekt-prototyp.

JavaScript na stronach internetowych 1. Podłączanie skryptów do dokumentu HTML

Skrypty JavaScript mogą być wbudowane, tj. ich zawartość stanowi część dokumentu, natomiast zewnętrzne są przechowywane w osobnym pliku z rozszerzeniem .js. Skrypty można osadzać w dokumencie HTML na następujące sposoby:

lub treść strony.

Ta metoda jest zwykle używana w przypadku skryptów duży rozmiar lub skrypty, które są ponownie wykorzystywane na różnych stronach internetowych.

Jako osoba zajmująca się obsługą zdarzeń.
Każdy element HTML ma zdarzenia JavaScript, które uruchamiają się pewien moment. Musisz dodać wymagane zdarzenie do elementu HTML jako atrybut i określić wymaganą funkcję jako wartość tego atrybutu. Funkcja wywoływana w odpowiedzi na wywołanie zdarzenia jest procedurą obsługi zdarzenia. Kiedy zdarzenie zostanie wywołane, powiązany z nim kod zostanie wykonany. Metodę tę stosuje się głównie w przypadku krótkich skryptów, np. można ustawić zmianę koloru tła po kliknięciu przycisku:

var colorArray = ["#5A9C6E", "#A8BF5A", "#FAC46E", "#FAD5BB", "#F2FEFF"]; // utwórz tablicę z kolorami tła var i = 0; funkcja zmieńKolor())( document.body.style.background = colorArray[i]; i++; if(i > colorArray.length - 1)( i = 0; ) ) Zmień tło

Wewnątrz elementu.
Element można wstawić w dowolnym miejscu dokumentu. Wewnątrz tagu znajduje się kod, który jest wykonywany natychmiast po odczytaniu przez przeglądarkę lub zawiera opis funkcji, która jest wykonywana w momencie jej wywołania. Opis funkcji można umieścić w dowolnym miejscu, najważniejsze jest to, że w momencie wywołania kod funkcji jest już załadowany.

Zazwyczaj kod JavaScript umieszczany jest w nagłówku dokumentu (elementu) lub po tagu otwierającym. Jeśli skrypt jest używany po załadowaniu strony, np. kodu licznika, to lepiej umieścić go na końcu dokumentu:

document.write("Wpisz swoje imię i nazwisko");

2. Typy danych i zmienne w JavaScript

Komputery przetwarzają informacje — dane. Dane mogą być prezentowane w różnych formach i typach. Większość funkcjonalności JavaScript jest implementowana poprzez prosty zestaw obiektów i typów danych. Funkcje ciągów, liczb i logiki opierają się na typach danych ciągów, numerycznych i logicznych. Inny funkcjonalność, w tym wyrażenia regularne, daty i operacje matematyczne, odbywa się za pomocą obiektów RegExp, Date i Math.

Literały w JavaScript to specjalna klasa typów danych, stałe wartości jednego z trzech typów danych – string, numeric lub boolean:

„to jest ciąg znaków” 3.14 prawdziwy alert(„Witam”); // „Witam” to literał var myVariable = 15; // 15 to literał

Pierwotny typ danych to instancja określonego typu danych, takiego jak ciąg, numeryczny, logiczny, null i niezdefiniowany.

2.1. Zmienne w JavaScript

Dane przetwarzane przez skrypt JavaScript są zmiennymi. Zmienne to nazwane kontenery przechowujące dane (wartości) w pamięci komputera, które mogą ulec zmianie podczas wykonywania programu. Zmienne mają nazwę, typ i wartość.

Nazwa zmiennej lub identyfikator może zawierać tylko litery a-z, A-Z, cyfry 0-9 (liczba nie może być pierwszym znakiem w nazwie zmiennej), symbol $ (może być tylko pierwszym znakiem w nazwie zmiennej lub funkcji) oraz znak podkreślenia _, spacje nie są dozwolone. Długość nazwy zmiennej nie jest ograniczona. Możliwe jest, ale nie zalecane, pisanie nazw zmiennych literami alfabetu rosyjskiego, w tym celu muszą być zapisane w Unicode.

Nie możesz używać słów kluczowych JavaScript jako nazwy zmiennej. W nazwach zmiennych w JavaScript rozróżniana jest wielkość liter, co oznacza, że ​​zmienna var message; i var Wiadomość; - różne zmienne.

Zmienna jest tworzona (deklarowana) przy użyciu słowo kluczowe var, po którym następuje nazwa zmiennej, na przykład var message; . Musisz zadeklarować zmienną przed jej użyciem.

Zmienna jest inicjowana wartością za pomocą operatora przypisania =, na przykład var message="Hellow"; , tj. tworzona jest zmienna komunikatu i zapisywana jest w niej jej wartość początkowa „Hello”. Zmienną można zadeklarować bez wartości, w takim przypadku przypisuje się jej domyślną wartość unknown . Wartość zmiennej może ulec zmianie podczas wykonywania skryptu. W tej samej linii można zadeklarować różne zmienne, oddzielając je przecinkiem:

Var message="Witam", number_msg = 6, time_msg = 50;

2.2. Zmienne typy danych

JavaScript jest językiem bez typu; typ danych konkretnej zmiennej nie musi być określony podczas jej deklarowania. Typ danych zmiennej zależy od wartości jakie przyjmuje. Typ zmiennej może się zmieniać podczas operacji na danych (dynamiczne rzutowanie typów). Konwersje typów są wykonywane automatycznie w zależności od kontekstu, w jakim są używane. Na przykład w wyrażeniach obejmujących wartości liczbowe i łańcuchowe z operatorem +, JavaScript konwertuje wartości liczbowe na wartości łańcuchowe:

Wiadomość Var = 10 + „dni przed urlopem”; // zwróci „10 dni do wakacji”

Typ danych zmiennej można uzyskać za pomocą operatora typeof. Operator ten zwraca ciąg znaków identyfikujący odpowiedni typ.

Typ 35; // zwróć „liczbę” typ „tekstu”; // zwraca „string” typeof true; // zwróć "boolean" typeof; // zwraca typ obiektu niezdefiniowany; // zwróci „niezdefiniowany” typ null; // zwróć „obiekt”

Wszystkie typy danych w JavaScript są podzielone na dwie grupy – proste typy danych (prymitywne typy danych) i złożone typy danych (złożone typy danych).

Proste typy danych obejmują ciąg, numeryczne, logiczne, null i niedookreślone.

2.2.1. Typ ciągu

Służy do przechowywania ciągu znaków ujętego w cudzysłów podwójny lub pojedynczy. Pusty ciąg znaków ujęty w pojedyncze lub podwójne cudzysłowy jest ciągiem pustym. Liczba ujęta w cudzysłów jest również ciągiem znaków.

Różne pieniądze = „”; // pusty ciąg znaków, zero znaków var work = "test"; var dzień = "niedziela"; zmienna x = "150";

Aby się ustawić podwójne cudzysłowy możesz umieścić pojedynczy cytat i odwrotnie. Cudzysłów tego samego typu jest zmieniany przy użyciu ukośnika odwrotnego \ (nazywanego sekwencją ucieczki):

Dokument.writeln("\ Dzień dobry, Iwan Iwanowicz! ”\n”); // wyświetli „Dzień dobry, Iwan Iwanowicz!”

Ciągi można porównywać i łączyć za pomocą operatora konkatenacji + . Dzięki automatycznemu rzutowaniu typów możesz łączyć liczby i ciągi znaków. Ciągi są trwałe, raz utworzony ciąg nie może być modyfikowany, ale można go utworzyć Nowa linia poprzez połączenie innych ciągów.

2.2.2. Typ numeryczny (liczba)

Używany do wartości numerycznych. W JavaScript istnieją dwa typy liczb: liczby całkowite (liczba całkowita) i liczby zmiennoprzecinkowe (liczba zmiennoprzecinkowa). Wartości całkowite mogą być dodatnie, na przykład 1, 2, ujemne, na przykład –1, –2 lub zero. 1 i 1,0 to ta sama wartość. Większość liczb w JavaScript jest zapisywana w system dziesiętny można również stosować systemy liczbowe, ósemkowe i szesnastkowe.

W systemie dziesiętnym wartości zmiennych liczbowych określa się za pomocą cyfr arabskich 1, 2, 3, 4, 5, 6, 7, 8, 9, 0.

W formacie ósemkowym liczba to ciąg składający się z cyfr od 0 do 7, zaczynający się od przedrostka 0.

W przypadku formatu szesnastkowego dodawany jest przedrostek 0x (0X), po którym następuje ciąg cyfr od 0 do 9 lub liter od a (A) do f (F), odpowiadających wartościom od 10 do 15.

Var a = 120; // całkowita dziesiętna wartość liczbowa var b = 012; // format ósemkowy var c = 0xfff; // format szesnastkowy var d = 0xACFE12; // format szesnastkowy

Liczby zmiennoprzecinkowe to liczby z ułamkową częścią dziesiętną lub liczby wyrażone w notacji naukowej. Naukowy zapis liczb przyjmuje następującą postać: liczba z ułamkową częścią dziesiętną, po której następuje litera e, którą można podać zarówno wielką, jak i małą literą, następnie opcjonalny znak + lub - i wykładnik liczby całkowitej.

Var a = 6,24; // prawdziwy numer var b = 1,234E+2; // liczba rzeczywista odpowiadająca 1,234 X 10² var c = 6,1e-2; // liczba rzeczywista odpowiadająca 6,1 x 10‾²

2.2.3. Typ logiczny

Ten typ ma dwie wartości: true i false. Służy do porównywania i testowania warunków.

Var odpowiedź = potwierdzenie("Czy podobał Ci się ten artykuł?\n Kliknij OK. Jeśli nie, kliknij Anuluj."); if (odpowiedź == prawda) ( alert("Dziękuję!"); )

Istnieją również specjalne typy prostych wartości:
typ zerowy - ten typ ma jedną wartość null, która jest używana do reprezentowania nieistniejących obiektów.

typ niezdefiniowany - typ zmiennej underfined oznacza brak wartości początkowej zmiennej, a także nieistniejącą właściwość obiektu.

Złożone typy danych składają się z więcej niż jednej wartości. Należą do nich obiekty i specjalne typy obiektów — tablice i funkcje. Obiekty zawierają właściwości i metody, tablice są indeksowaną kolekcją elementów, a funkcje składają się ze zbioru instrukcji.

2.3. Zmienne globalne i lokalne

Zmienne według zasięgu dzielą się na globalne i lokalne. Zakres to część skryptu, w której nazwa zmiennej jest powiązana z tą zmienną i zwraca jej wartość. Zmienne zadeklarowane w treści funkcji nazywane są zmiennymi lokalnymi i można ich używać tylko w obrębie tej funkcji. Zmienne lokalne są tworzone i niszczone wraz z odpowiednią funkcją.

Zmienne zadeklarowane wewnątrz elementu lub wewnątrz funkcji, ale bez użycia słowa kluczowego var, nazywane są globalnymi. Dostęp do nich jest możliwy po załadowaniu strony w przeglądarce. Zmienne takie mogą być wykorzystywane przez wszystkie funkcje, umożliwiając im wymianę danych.

Zmienne globalne trafiają do globalnej przestrzeni nazw, w której zachodzi interakcja Poszczególne komponenty programy. Nie zaleca się deklarowania zmiennych w ten sposób, ponieważ podobne nazwy zmiennych mogą być już używane w innym kodzie, co powoduje awarię skryptu.

Przestrzeń globalna w JavaScript jest reprezentowana przez globalny obiekt window. Dodanie lub zmiana zmiennych globalnych automatycznie aktualizuje obiekt globalny. Z kolei aktualizacja obiektu globalnego automatycznie aktualizuje globalną przestrzeń nazw.

Jeśli zmienna globalna i lokalna mają tę samą nazwę, wówczas zmienna lokalna będzie miała pierwszeństwo przed zmienną globalną.

Zmienne lokalne zadeklarowane w ramach funkcji w różnych blokach kodu mają ten sam zakres. Zaleca się jednak umieszczanie wszystkich deklaracji zmiennych na początku funkcji.

Język programowania JavaScript to zorientowany obiektowo język skryptowy, pierwotnie opracowany przez Netscape Communications pod nazwą LiveScript, ale później przemianowany na „JavaScript” i ze składnią bliższą Javie firmy Sun Microsystems. JavaScript został później ujednolicony przez ECMA pod nazwą ECMAScript. Microsoft nazywa swoje wersje JScript.

Zmiana nazwy z LiveScript na JavaScript nastąpiła mniej więcej w tym samym czasie, gdy Netscape włączył obsługę technologii Java w przeglądarce Netscape Navigator. Ta zmiana spowodowała wiele zamieszania w umysłach osób uczących się programowania dla początkujących. Pomiędzy Javą a JavaScriptem nie ma żadnego związku, ich podobieństwa zaczynają się i kończą na podobnej składni oraz na tym, że oba języki są szeroko stosowane w Internecie.

JavaScript to obiektowy język skryptowy, który wchodzi w interakcję poprzez interfejs zwany Document Object Model (DOM) z treścią, która może być wykonywana po stronie serwera (serwery internetowe) i po stronie klienta w przeglądarce internetowej użytkownika podczas przeglądania stron internetowych. Wiele stron internetowych wykorzystuje technologie JavaScript po stronie klienta do tworzenia potężnych, dynamicznych aplikacji internetowych w programowaniu dla manekinów. Może używać Unicode i może wykorzystywać moc i siłę wyrażenia regularne(została wprowadzona w wersji 1.2 Netscape Navigator 4 i Internet Explorera 4). Wyrażenia JavaScript zawarte w postaci ciągu znaków można wykonać za pomocą funkcji EVAL.

Jednym z głównych wyzwań stojących przed JavaScriptem są osadzone w nim małe funkcje Strony HTML i umożliwiają interakcję z DOM z poziomu przeglądarki w celu wykonywania pewnych zadań, które nie są możliwe w statycznym HTML: takich jak otwieranie nowego okna, sprawdzanie wartości wprowadzonych do formularza, zmiana obrazu po najechaniu myszką itp. Niestety pisanie takich funkcji jest dość uciążliwe, ponieważ przeglądarki nie są ustandaryzowane, różne przeglądarki mogą tworzyć różne obiekty lub metody skryptowe i dlatego często trzeba pisać różne wersje Funkcje JavaScriptu Dla różne przeglądarki, ale nie jest to zbyt wygodne przy nauczaniu podstaw programowania.

JavaScript / ECMAScript jest obsługiwany przez takie silniki jak:

• Nosorożec
• Pająk Małpa

Środowisko

Komentarz znacznika jest wymagany, aby mieć pewność, że kod nie będzie wyświetlany jako tekst w przeglądarkach, które nie rozpoznają rozszerzenia . znaczniki w dokumentach XHTM/XML nie będą jednak działać, jeśli zostaną skomentowane. Nowoczesne przeglądarki, które obsługują XHTML i XML, są na tyle dobrze zaprojektowane, że rozpoznają , więc w tych dokumentach kod pozostaje bez komentarza.

Element HTML może generować zdarzenia wewnętrzne, do których można podłączyć moduł obsługi skryptu. Aby stworzyć prawo Dokument HTML 4.01 należy wstawić odpowiednią domyślną instrukcję linku do skryptu w sekcji nagłówka dokumentu.

Elementy języka

Zmienne

Zmienne są zwykle typowane dynamicznie. Zmienne definiuje się albo po prostu przypisując im wartość, albo za pomocą operatora „var”. Zmienne zadeklarowane poza funkcją mają zasięg „globalny”, widoczny na całej stronie WWW, zmienne zadeklarowane wewnątrz funkcji są lokalne dla tej funkcji. Aby przekazywać zmienne z jednej strony na drugą, programista może ustawić „cookie” lub użyć ukrytej ramki lub okna w tle do ich przechowywania.

Struktury danych

Głównym typem jest struktura danych tablicy asocjacyjnej, podobna do skrótów w języku programowania Perl lub słownikach Python, Postscript i Smalltalk.

Dostęp do elementów można uzyskać za pomocą numerów lub powiązanych nazw (jeśli zostały one zdefiniowane). Zatem wszystkie poniższe wyrażenia mogą być równoważne:

Moja Tablica,
mojaArray.północ,
myArray["północ"].

Deklarowanie tablic

MyArray = nowa tablica (365);

Tablice są zaimplementowane w taki sposób, że tylko niektóre (niepuste) elementy będą używać pamięci, „rozładowują tablice”. Jeśli ustawimy zestaw myArray = „coś tam” i myArray = „coś innego tam”, to przestrzeń wykorzystaliśmy tylko dla tych dwóch elementów.

Obiekty

JavaScript ma kilka rodzajów wbudowanych obiektów, a mianowicie obiekt, tablicę, ciąg znaków, liczbę, wartość logiczną, funkcję, datę i matematykę. Pozostałe obiekty należą do obiektów DOM (okna, formularze, łącza itp.).

Definiując funkcje konstruktora, można definiować obiekty. JavaScript jest językiem obiektowym opartym na prototypach. Możesz dodać dodatkowe właściwości i metody do poszczególne obiekty po ich stworzeniu. Aby to zrobić, możesz użyć instrukcji prototype dla wszystkich instancji obiektu określonego typu.

Przykład: Tworzenie obiektu
// Funkcja konstruktora

Funkcja MójObiekt(atrybutA, atrybutB) ( this.attributeA = atrybutA this.attributeB = atrybutB )
// Utwórz obiekt
obj = nowy MójObiekt("czerwony", 1000)

// Uzyskaj dostęp do atrybutu obiektu
alert(obj.attributeA)

// Atrybut dostępu z oznaczeniem tablicy asocjacyjnej
alert(obj["atrybutA"])

Hierarchię obiektów można odtworzyć w JavaScript. Na przykład:

Funkcja Base() ( this.Override = _Override; this.BaseFunction = _BaseFunction; funkcja _Override() ( alert("Base::Override()"); ) funkcja _BaseFunction() ( alert("Base::BaseFunction()" ); ) ) funkcja Derive() ( this.Override = _Override; funkcja _Override() ( alert("Derive::Override()"); ) ) Derive.prototype = new Base(); d = nowe wyliczenie(); d.Zastąp(); d.BaseFunction();

W efekcie na ekranie otrzymujemy: Derive::Override() Base::BaseFunction()

Instrukcje kontrolne
Jeśli ... else if (warunek) ( instrukcje )
Cykle
while (warunek) (instrukcje) Do ... while do (instrukcje) while (warunek); Pętla For for (; ; ) (instrukcje) Pętla For ... in
Ta pętla przechodzi przez wszystkie właściwości obiektu (lub elementu tablicy)
for (zmienna w obiekcie) (instrukcja)

Operator wyboru
przełącznik (wyrażenie) ( etykieta przypadku1: instrukcje; przerwa; etykieta przypadku2: instrukcje; przerwa; domyślnie: instrukcje; )

Funkcje
Ciało funkcji jest zawarte w (treść może być pusta), a lista argumentów jest wskazana wewnątrz () po nazwie funkcji. Funkcje mogą zwracać wartość po wykonaniu.

Funkcja(arg1, arg2, arg3) (instrukcje; zwraca wyrażenie; )

Jako przykład przyjrzyjmy się funkcji opartej na algorytmie największego wspólnego dzielnika euklidesowego:

Funkcja gcd(a, b) ( while (a != b) ( if (a > b) ( a = a - b; ) else ( b = b - a; ) ) return a; )

Liczba argumentów przy wywołaniu danej funkcji nie musi koniecznie dostarczać tylu argumentów, ile podano przy deklarowaniu funkcji. W funkcji dostęp do argumentów można także uzyskać poprzez tablicę argumentów.

Każda funkcja jest instancją funkcji, podstawowym typem obiektu. Funkcje można tworzyć i przypisywać jak inne obiekty:

Var myFunc1 = nowa funkcja("alert("Witam")"); var mojaFunkcja2 = mojaFunkcja1; mojaFunkcja2();

Wynik na ekranie:

Interakcja z użytkownikiem

Większość interakcji użytkownika odbywa się za pomocą formularzy HTML, do których można uzyskać dostęp za pośrednictwem HTML DOM. Istnieją jednak również bardzo proste sposoby komunikacji z użytkownikiem:

Okno dialogowe alertu
Potwierdź okno dialogowe
Linie dialogowe
Pasek stanu
Konsole

Elementy tekstowe mogą być źródłem różnych zdarzeń, które mogą wyzwalać akcje, jeśli zarejestrowana jest procedura obsługi zdarzeń EMCAScript. W HTML te funkcje obsługi zdarzeń są często definiowane jako funkcje anonimowe bezpośrednio w znacznikach HTML.