Program JavaScript jest sekwencja instrukcji (instrukcje). Czasami instrukcje nazywane są także poleceniami JavaScript.
Aby program mógł się uruchomić, należy go uruchomić. Jeśli program jest skryptem klienta, to jest on uruchamiany automatycznie przez przeglądarkę, ale tylko jeśli oczywiście jest obecny w kodzie strony. Przeglądarka uruchamia program, zwykle podczas ładowania strony internetowej.
Podczas pisania instrukcji należy je oddzielić średnikiem. JavaScript umożliwia pominięcie średnika na końcu instrukcji if następna instrukcja zacznie od nowa linia.
Nie jest konieczne kończenie instrukcji średnikiem w JavaScript, jeśli następna instrukcja zostanie zapisana w nowej linii, ale gorąco polecam. Wskazane jest także umieszczenie każdej instrukcji w osobnej linii.
Instrukcje JavaScript składają się z: wartości, operatorów, wyrażeń, słów kluczowych i komentarzy.
Na przykład ta instrukcja nakazuje przeglądarce napisać „Hello, world!” wewnątrz Element HTML z id="main":
Document.getElementById("main").textContent = "Witaj, świecie!";
Składnia JavaScript definiuje następujące typy wartości: stałe wartości (literały), wartości stałe I wartości zmienne.
Przykłady literałów do reprezentowania różnych wartości w JavaScript:
17 // literał całkowity 23,8 // literał liczbowy ułamkowy „HTML” // literał łańcuchowy „HTML” // literał łańcuchowy prawda // literał logiczny // literał tablicowy // literał tablicowy () // literał obiektowy ( nazwa: „Dennis „ , język: "ru" ) // literał obiektowy (ab|bc) // literał wyrażenia regularnego
Języki programowania wykorzystują stałe i zmienne do przechowywania wartości danych.
Słowo kluczowe const służy do deklarowania stałych, a słowa kluczowe var i let służą do deklarowania zmiennych.
Stała MAX_LENGTH = 17; // stała sekcja var = "HTML"; // zmienna let arr = ["HTML", "CSS"]; // zmienny
niech jest nowy sposób deklaracja zmiennych, która pojawiła się od wersji ES-2015 (ES6). Let różni się od var tym, że zmienna zadeklarowana przy użyciu let ma inny zakres (zasięg blokowy), a także tym, że można uzyskać do niej dostęp dopiero po jej utworzeniu.
JavaScript ma wiele wielu różnych operatorów. Mają na myśli operacja do wykonania.
W zależności na liczbę operandów, z którymi operuje operator, dzielimy je na binarne i jednoargumentowe. Ale JavaScript ma też więcej operatora warunkowego który składa się z 3 operandów. Tego operatora zwany trójskładnikowym.
Na przykład operator przypisania (= znak):
// argument1 = argument2; coorX = 100; // na przykład przypisz liczbę 100 do zmiennej coordX
Ten operator jest używany do przypisania (ustawienia) operand1 ma taką samą wartość jak operand2.
Operator przypisania jest binarny, ponieważ działa na dwóch operandach.
Na przykład, operator inkrementacji(znak +) służy do zwiększania wartości liczbowej operandu o 1:
Liczba zmiennych = 5; ++liczba; // 6
Operator inkrementacji jest jednoargumentowy, ponieważ działa na jednym operandze.
Wyrażenie jest kombinacją wartości, zmiennych i operatorów, które przypisują wartość zmienna lub zwróć jakąś wartość bez jej przypisywania.
Na przykład wyrażenie num = 955.47 używa operatora = w celu przypisania wartości 7 do zmiennej num.
Na przykład wyrażenie „Witam” + „Timofey” używa operatora + w celu dodania ciągów „Hello” i „Timofey” bez przypisania.
Instrukcje JavaScript często zaczynają się od słowo kluczowe(słowo kluczowe). To (słowo kluczowe) ma na celu określenie, jakie działanie JavaScript należy wykonać.
Na przykład słowo kluczowe var mówi przeglądarce, aby utworzyła zmienne:
Var współrzędnaX = 5, współrzędnaY = 130;
Lista niektórych słów kluczowych: przerwa, kontynuacja, do... while, for, funkcja, if... else, return, switch, try... catch, var.
Nie wszystkie instrukcje JavaScript są wykonywalne.
Kod po podwójnych ukośnikach // lub pomiędzy /* i */ jest traktowany jako komentarz.
Komentarze są ignorowane i nie są wykonywane:
Kierunek Var = „góra”; // komentarz jednowierszowy // var speed = 10; ta instrukcja nie zostanie wykonana /* Funkcja dodająca klasę show do elementu z id="myBtn" */ funkcja showBtn() ( document.getElementById("myBtn").classList.add("show"); )
// - jest komentarzem jednoliniowym, tj. dowolny tekst pomiędzy // a końcem linii zostanie zignorowany przez JavaScript (nie zostanie wykonany).
/* */ jest komentarzem wielowierszowym, każdy tekst pomiędzy /* i */ zostanie zignorowany przez JavaScript.
Instrukcje JavaScript można grupować za pomocą bloku (nawiasy klamrowe (...)).
Zwykle używane w funkcjach, strukturach kontrolnych (for, while) itp.
Funkcja myFunction() ( document.getElementById("id__1").textContent = "Tekst 1..."; document.getElementById("id__2").textContent = "Tekst 2..."; )
JavaScript jest Język uwzględniający wielkość liter. Oznacza to, że słowa kluczowe, zmienne, nazwy funkcji i inne identyfikatory języka muszą zawierać ten sam zestaw wielkich i małych liter. Na przykład, metoda ostrzegawcza należy wpisać tylko jako alert , a nie Alert , ALERT itp.
JavaScript ignoruje wiele spacji. Możesz dodać spacje do swojego skryptu, aby uczynić go bardziej czytelnym.
Następujące linie są równoważne:
Var str = "Tekst"; var str="Tekst";
Jeżeli instrukcja JavaScript jest długa, wskazane jest jej przerwanie. W większości przypadków lepiej jest przerwać instrukcję po jakimś operatorze.
Na przykład:
Document.getElementById("aside__nav_header").innerHTML = "Dodatkowa nawigacja (według sekcji)";
Ucząc się pisać, osoba musi nauczyć się podstaw ortografii, gramatyki i ortografii. Na przykład każdy wie, że zdanie zaczyna się od wielka litera i kończy się kropką, tekst jest dzielony na akapity itp.
Języki programowania działają na podobnej zasadzie: aby program działał, należy przestrzegać pewnych zasad. Zbiór reguł definiujących strukturę języków programowania nazywa się składnią. Wiele języków programowania opiera się na tych samych koncepcjach, ale używa innej składni.
Ten samouczek wprowadzi Cię w podstawy składni i struktury kodu w JavaScript.
Funkcjonalność i czytelność to bardzo ważne aspekty składni JavaScript, na których należy się skupić osobno.
Niektóre reguły składni są obowiązkowe dla kodu JavaScript. Jeśli nie zostaną spełnione, konsola zgłosi błąd i skrypt przestanie działać.
Rozważ ten błąd w programie „Hello, World!”.
// Przykład uszkodzonego programu JavaScript
console.log("Witaj, świecie!"
Na końcu brakuje nawiasu zamykającego, dlatego zamiast wiersza „Hello, World!” program zwróci błąd:
Nieprzechwycony błąd składni: brak) po liście argumentów
Aby skrypt mógł kontynuować działanie, należy dodać nawias zamykający. Oto jak błąd w składni JavaScript może wpłynąć na działanie programu.
Niektóre aspekty składni i formatowania JavaScript są oparte na różne punkty wizja. Mówiąc najprościej, istnieją reguły stylistyczne i odmiany, które są opcjonalne i nie powodują błędów podczas uruchamiania kodu. Istnieje jednak również wiele ogólnych konwencji, których warto przestrzegać, aby twórcy projektów i kodu byli świadomi aktualizacji stylu i składni. Przestrzeganie powszechnych konwencji poprawi czytelność kodu.
Rozważ następujące trzy możliwości przypisania wartości do zmiennej:
stałe powitanie="Witam"; // brak białych znaków pomiędzy zmienną a ciągiem znaków
const powitanie = "Witam"; //nadmierne odstępy po przypisaniu
const powitanie = "Witam"; // pojedyncza spacja pomiędzy zmienną a ciągiem znaków
Wszystkie trzy linie powyżej będą działać tak samo. Jednak trzecia opcja (powitanie = „Witam”) jest zdecydowanie najczęściej używanym i czytelnym sposobem pisania kodu, zwłaszcza gdy patrzy się na niego w kontekście większego programu.
Bardzo ważne jest monitorowanie integralności i spójności całego kodu programu.
Poniżej przyjrzymy się kilku przykładom, aby zapoznać się ze składnią i strukturą kodu JavaScript.
Białe znaki JavaScript to spacje, tabulatory i znaki końca wiersza (ta akcja jest wykonywana przez Wprowadź klucz). Jak pokazano wcześniej, nadmiar białych znaków poza linią, odstępy między operatorami i inne znaki są ignorowane przez interpreter JavaScript. Oznacza to, że poniższe trzy przykłady przypisania zmiennych będą miały ten sam wynik:
const userLocation = "Nowy Jork, " + "NY";
const userLocation="Nowy Jork, "+"NY";
const userLocation = "Nowy Jork, " + "NY";
Zmienna userLocation będzie miała wartość „New York City, NY” niezależnie od stylu przypisania tej wartości. W przypadku JavaScript nie ma znaczenia, jakie białe znaki zostaną użyte.
Podczas pisania programów obowiązuje jedna sprawdzona zasada: używając białych znaków, postępuj zgodnie z tymi samymi zasadami, których używasz w matematyce i gramatyce. Na przykład linia:
łatwiejsze do odczytania niż:
Ważnym wyjątkiem od tej reguły jest przypisanie wielu zmiennych. Zwróć uwagę na pozycję = w poniższym przykładzie:
const CompanyName = "MojaFirma";
const CompanyHeadquare = "Nowy Jork";
const CompanyHandle = "mojafirma";
Wszystkie operatory przypisania (=) są wyrównane w jednej linii za pomocą spacji. Ten typ struktury nie jest używany we wszystkich bazach kodu, ale może poprawić czytelność.
Dodatkowe podziały wierszy są również ignorowane w JavaScript. Z reguły dodatkowe puste linie wstawiane są nad komentarzem i po bloku kodu.
Słowa kluczowe takie jak if, switch i for zwykle zawierają spacje przed i po nawiasach. Rozważ następujący przykład:
// Przykład składni instrukcji if
Jeśli () ( )
// Sprawdź równanie matematyczne i wypisz ciąg znaków na konsoli
jeśli (4< 5) {
console.log("4 to mniej niż 5.");
}
// Przykład składni pętli for
Do () ( )
// Wykonaj 10 powtórzeń, wypisując numer każdej iteracji na konsoli
dla (niech i = 0; tj<= 10; i++) {
konsola.log(i);
}
Jak widać, nawiasy instrukcji if i pętli są oddzielone spacjami po obu stronach.
Gdy kod odnosi się do funkcji, metody lub klasy, obok nazwy zapisuje się nawiasy bez spacji.
// Przykładowa funkcja
funkcja nazwafunkcji() ()
// Zainicjuj funkcję obliczającą objętość sześcianu
kostka funkcyjna(liczba) (
zwróć Math.pow(liczba, 3);
}
// Wywołaj funkcję
kostka(5);
W powyższym przykładzie kostka() jest funkcją, a nawiasy () będą zawierać parametry lub argumenty. W tym przypadku parametry wyrażane są za pomocą liczby lub 5. Zapisanie funkcji Cube() ze spacją również będzie działać, ale prawie nigdy nie jest używane. Wspólne pisanie funkcji i nawiasów ułatwia powiązanie funkcji z jej argumentami.
Podobnie jak akapity tekstu składają się ze zdań, programy JavaScript składają się z szeregu instrukcji zwanych wyrażeniami. Na końcu zdania stosuje się kropkę, a na końcu wyrażenia JavaScript stosuje się średnik (;).
// Pojedyncza instrukcja JavaScript
const teraz = nowa data();
Jeżeli dwa lub więcej wyrażeń znajduje się obok siebie, należy je oddzielić średnikiem.
// Pobierz bieżący znacznik czasu i wydrukuj go na konsoli
const teraz = nowa data(); konsola.log(teraz);
Jeżeli wyrażenia oddzielane są znakiem nowej linii, średnik nie jest wymagany.
// Dwie instrukcje oddzielone znakami nowej linii
stała teraz = nowa data()
konsola.log(teraz)
Zgodnie z ogólną konwencją, po wyrażeniu umieszczany jest średnik, niezależnie od znaków nowej linii. Zmniejsza to prawdopodobieństwo wystąpienia błędów.
// Dwie instrukcje oddzielone znakami nowej linii i średnikami
const teraz = nowa data();
konsola.log(teraz);
Średniki są także umieszczane pomiędzy inicjalizacją a warunkiem w pętlach for:
for (inicjalizacja; warunek; przyrost) (
// uruchom pętlę
}
Średników nie umieszcza się po instrukcjach if, for, do, while, class, switch i funkcyjnych. Operatory te są ujęte w nawiasy klamrowe (). Rozważ następujący kod:
// Zainicjuj funkcję obliczającą pole kwadratu
funkcja kwadrat(liczba) (
zwróć Math.pow(liczba, 2);
}
// Oblicz pole liczby większej niż 0
jeśli (liczba > 0) (
kwadrat(liczba);
}
Bądź ostrożny, ponieważ nie cały kod ujęty w nawiasy klamrowe nie wymaga średnika. Obiekty są ujęte w nawiasy klamrowe i muszą kończyć się średnikiem.
// Przykładowy obiekt
stała nazwaobiektu = ();
// Zainicjuj obiekt trójkątny
stały trójkąt = (
wpisz: „prawo”,
kąt: 90,
boki: 3,
};
Powszechną praktyką jest umieszczanie średników po każdej instrukcji i wyrażeniu JavaScript, z wyjątkiem tych zakończonych nawiasami klamrowymi.
Technicznie rzecz biorąc, cały kod programu JavaScript można umieścić w jednym wierszu. Ale taki kod jest bardzo trudny do odczytania i utrzymania. Dlatego program jest podzielony na linie.
Na przykład instrukcję if/else można zapisać w jednym wierszu lub można ją podzielić:
// Instrukcja warunkowa zapisana w jednej linii
if (x === 1) ( /* wykonaj kod, jeśli jest prawdziwy */ ) else ( /* wykonaj kod, jeśli jest fałszywy */ )
// Instrukcja warunkowa z wcięciem
jeśli (x === 1) (
// wykonaj kod, jeśli jest prawdziwy
) w przeciwnym razie (
// wykonaj kod, jeśli jest fałszywy
}
Uwaga: każdy kod zawarty w bloku jest wcięty. Wcięcia można używać za pomocą dwóch spacji, czterech spacji lub tabulatorów. Wybór metody wcięcia zależy wyłącznie od osobistych preferencji lub zaleceń Twojej organizacji.
Otwarty nawias na końcu pierwszego wiersza jest powszechnym sposobem strukturyzowania instrukcji i obiektów JavaScript. Czasami nawiasy są umieszczane w oddzielnych wierszach:
// Instrukcja warunkowa z nawiasami klamrowymi w znaku nowej linii
jeśli (x === 1)
{
// wykonaj kod, jeśli jest prawdziwy
}
w przeciwnym razie
{
// wykonaj kod, jeśli jest fałszywy
}
Ta struktura jest rzadko używana w JavaScript, podobnie jak w innych językach.
Instrukcje zagnieżdżone muszą być oddzielone:
// Zainicjuj funkcję
funkcja isEqualToOne(x) (
// Sprawdź, czy x jest równe jeden
jeśli (x === 1) (
// w przypadku powodzenia zwróć wartość true
zwróć wartość true;
) w przeciwnym razie (
zwróć fałsz;
}
}
Odpowiednie wcięcie sprawia, że kod jest czytelny. Jedynym wyjątkiem od tej reguły, o którym należy pamiętać, jest to, że skompresowane biblioteki usuwają wszystkie niepotrzebne symbole, aby zmniejszyć rozmiar pliku.
Nazwy zmiennych, funkcji lub właściwości w JavaScript nazywane są identyfikatorami. Identyfikatory składają się z liter i cyfr, ale nie mogą zawierać znaków poza $ i _ i nie mogą zaczynać się od cyfry.
W nazwach rozróżniana jest wielkość liter. Oznacza to, że mojaZmienna i mojazmienna będą traktowane jako dwie różne zmienne.
var mojaZmienna = 1;
var mojazmienna = 2;
Zgodnie z ogólną konwencją imiona zapisuje się wielką literą: pierwsze słowo jest pisane małą literą, ale każde kolejne słowo zaczyna się od dużej litery. Zapisywane są zmienne globalne lub stałe wielkie litery i są oddzielone podkreśleniami.
stała INSURANCE_RATE = 0,4;
Wyjątkiem od tej reguły są nazwy klas, w których każde słowo zazwyczaj zaczyna się od dużej litery (PascalCase).
// Zainicjuj klasę
klasa PrzykładKlasa (
konstruktor()
}
Aby zapewnić czytelność kodu, należy konsekwentnie stosować identyfikatory we wszystkich plikach programu.
Identyfikatory nie mogą również zawierać żadnych zastrzeżonych słów kluczowych. Słowa kluczowe to słowa JavaScript posiadające wbudowaną funkcjonalność. Należą do nich var, if, for i this.
Na przykład nie można przypisać wartości do zmiennej o nazwie var.
var var = "Jakaś wartość";
JavaScript zna słowo kluczowe var, więc zgłosi błąd:
SyntaxError: Nieoczekiwany token (1:4)
Składnia JavaScriptu
Od 1995 roku JavaScript przeszedł długą drogę od skromnego komponentu przeglądarki Netscape do współczesnych, wydajnych interpreterów JIT. Wydawałoby się, że zaledwie pięć lat temu programiści byli zdumieni pojawieniem się Ajaxu, a obecnie złożone aplikacje JavaScript osiągnęły liczbę setek i tysięcy linii kodu.
W zeszłym roku pojawiła się nowa generacja aplikacji JavaScript, które niczym nie różnią się od aplikacji komputerowych, co stanowi niesamowity postęp w technologii internetowej. Zniknęły powolne żądania stron za każdym razem, gdy użytkownik wchodzi w interakcję z aplikacją. Silniki JavaScript stały się na tyle potężne, że możliwe jest zapisywanie stanu po stronie klienta, co znacznie przyspiesza reakcję aplikacji i poprawia jakość jej działania.
Jeśli znasz inne języki programowania, przydatna może być informacja, że JavaScript jest dynamicznym, nietypowanym i interpretowanym językiem programowania wysokiego poziomu, który dobrze nadaje się do stylów programowania obiektowego i funkcjonalnego. Kopalnia Składnia JavaScriptu odziedziczone od Język Java, jego pierwszorzędne funkcje pochodzą z języka Scheme, a jego prototypowy mechanizm dziedziczenia pochodzi z języka Self. Ale nie musisz znać wszystkich tych języków ani znać ich terminologii, aby nauczyć się JavaScript.
W tym artykule przyjrzymy się podstawowym strukturom leksykalnym języka.
Podczas pisania programów w języku JavaScript używany jest zestaw znaków Unicode. Unicode jest nadzbiorem ASCII i Latin-1 i obsługuje praktycznie każdy język pisany na świecie. Standard ECMAScript 3 wymaga implementacji JavaScript do obsługi standardu Unicode w wersji 2.1 lub wyższej, a standard ECMAScript 5 wymaga implementacji obsługujących standard Unicode w wersji 3 lub wyższej.
JavaScript to język, w którym rozróżniana jest wielkość liter. Oznacza to, że słowa kluczowe, nazwy zmiennych i funkcji oraz wszelkie inne identyfikatory języka muszą zawsze zawierać ten sam zestaw wielkich i małych liter.
Na przykład słowo kluczowe while powinno być wpisane jako „podczas”, a nie „Podczas” lub „WHILE”. Podobnie myvar, Myvar, MyVar i MYVAR to nazwy czterech różnych zmiennych. Należy jednak pamiętać, że w języku znaczników HTML (w przeciwieństwie do XHTML) nie jest rozróżniana wielkość liter. Ponieważ HTML i JavaScript po stronie klienta są ze sobą ściśle powiązane, to rozróżnienie może być mylące. Wiele obiektów JavaScript i ich właściwości ma takie same nazwy jak znaczniki i atrybuty Język HTML które reprezentują. Jednakże, o ile w HTML te znaczniki i atrybuty można wpisać w każdym przypadku, w JavaScript zwykle muszą być wpisane małymi literami.
Na przykład atrybut onclick modułu obsługi zdarzeń jest najczęściej określany jako onClick w HTML, ale w kodzie JavaScript (lub dokumencie XHTML) musi być oznaczony jako onclick.
JavaScript ignoruje spacje, które mogą występować pomiędzy tokenami w programie. Ponadto JavaScript w dużej mierze ignoruje znaki nowej linii. Dlatego spacje i znaki nowej linii mogą być używane bez ograniczeń w kodzie źródłowym programów w celu sformatowania i nadania im czytelnego wyglądu.
Oprócz zwykłego znaku spacji (\u0020) JavaScript dodatkowo rozpoznaje jako białe znaki następujące znaki: tabulator (\u0009), tabulator pionowy (\u000B), kanał formatujący (\u000C), spacja nierozdzielająca (\u00A0), znacznik kolejności bajtów (\uFEFF ), a także wszystkie znaki Unicode sklasyfikowane jako Zs.
Następujące znaki są uznawane przez interpretery JavaScript za znaki końca wiersza: znak końca wiersza (\u000A), powrót karetki (\u000D), separator wiersza (\u2028) i separator akapitu (\u2029). Sekwencja znaków powrotu karetki i nowego wiersza jest interpretowana jako pojedynczy znak zakończenia wiersza.
Znaki kontrolne formatu Unicode (kategoria Cf), takie jak ZNAK OD PRAWEJ DO LEWEJ (\u200F) i ZNAK OD PRAWEJ DO PRAWEJ (\u200E), kontrolują wizualną prezentację tekstu, w którym się pojawiają. Są ważne dla prawidłowego wyświetlania tekstu w niektórych językach i obowiązują w komentarzach JavaScript, literałach łańcuchowych i literałach wyrażenia regularne, ale nie w identyfikatorach (takich jak nazwy zmiennych) zdefiniowanych w programach JavaScript. Wyjątkiem są ZERO WIDTH JOINER (\u200D) i ZERO WIDTH NON-JOINER (\u200C), które można stosować w identyfikatorach pod warunkiem, że nie są to pierwsze znaki identyfikatorów.
Pełną tabelę znaków Unicode można wyświetlić w witrynie internetowej tabeli Unicode.
Podobnie jak w innych językach programowania, aby oddzielić od siebie instrukcje w JavaScript Używany jest średnik (;). Użycie średników jest niezbędne, aby intencje programisty były jasne: bez tego separatora koniec jednej instrukcji można pomylić z początkiem następnej i odwrotnie.
Zazwyczaj w JavaScript nie trzeba wstawiać średnika pomiędzy instrukcjami, jeśli znajdują się one w różnych wierszach. (Średnik można także pominąć na końcu programu lub jeśli następnym znacznikiem w programie jest zamykający nawias klamrowy.) Wielu programistów JavaScriptu używa średników do wyraźnego oznaczania końców instrukcji, nawet jeśli nie są one konieczne.
Przyjrzyj się poniższemu fragmentowi. Ponieważ te dwie instrukcje znajdują się w różnych wierszach, pierwszy średnik można pominąć:
Jeśli jednak instrukcje te zostaną zapisane w sposób pokazany poniżej, wymagany będzie pierwszy średnik:
JavaScript obsługuje dwa sposoby formatowania komentarzy. Każdy tekst pomiędzy znakami // a końcem linii jest traktowany jako komentarz i ignorowany przez JavaScript. Dowolny tekst pomiędzy znakami /* i */ jest również uważany za komentarz. Komentarze te mogą obejmować wiele wierszy, ale nie można ich zagnieżdżać. Poniższe linie są prawidłowymi komentarzami JavaScript:
// To jest komentarz jednowierszowy.
/* To jest kolejny komentarz. Znajduje się w kilku liniach.*/
Identyfikatory i słowa zastrzeżone
Identyfikator to po prostu nazwa. W JavaScript identyfikatory pełnią rolę nazw zmiennych i funkcji, a także etykiet niektórych pętli. Identyfikatory w JavaScript muszą zaczynać się od litery, podkreślenia (_) lub znaku dolara ($). Po tym mogą następować dowolne litery, cyfry, znaki podkreślenia lub znaki dolara. (Cyfra nie może być pierwszym znakiem, gdyż utrudniłoby to interpretatorowi odróżnienie identyfikatorów od liczb.) Przykłady prawidłowych identyfikatorów:
I nazwa_mojej_zmiennej v13 _myvar $str
JavaScript rezerwuje pewną liczbę identyfikatorów, które działają jak słowa kluczowe dla samego języka. Te słowa kluczowe nie mogą służyć jako identyfikatory w programach. JavaScript rezerwuje także niektóre słowa kluczowe, które obecnie nie są częścią języka, ale mogą stać się jego częścią w przyszłych wersjach. Poniższa tabela zawiera listę wszystkich słów kluczowych według kategorii:
| Kategoria | Słowa kluczowe |
|---|---|
| Podstawowe identyfikatory | przerwa funkcja usuwania zwraca typ przypadek, jeśli przełącz var złapać innego w tej pustce kontynuuj fałszywą instancję rzutu podczas debuger w końcu nowy true with domyślnie dla próby zerowej |
| Nowe słowa kluczowe w standardzie EcmaScript 5 | Eksport wyliczeniowy klasy const rozszerza import super |
| Zarezerwowane słowa w trybie ścisłym (są dostępne w trybie normalnym) | narzędzia pozwalają prywatnym publicznym ustąpić pakiet interfejsu chroniony przed statyką |
Składnia JavaScript to zbiór reguł tworzenia programów JavaScript. Na tej lekcji przyjrzymy się podstawowym strukturom leksykalnym języka.
Podczas pisania programów w języku JavaScript używany jest zestaw znaków Unicode. W przeciwieństwie do kodowania 7-bitowego, które nadaje się tylko do Język angielski oraz 8-bitowe kodowanie odpowiednie tylko dla języka angielskiego i głównych języków Europy Zachodniej, 16-bitowy Unicode obsługuje praktycznie każdy język pisany na świecie. Standard ECMAScript v3 wymaga implementacji JavaScript obsługujących Unicode w wersji 2.1 lub wyższej, a standard ECMAScript v5 wymaga implementacji obsługujących Unicode w wersji 3 lub wyższej.
Var str = "Witaj, świecie!"; // Używany jest alfabet łaciński var str = "Witaj, świecie!"; // Użyj cyrylicy
Białe znaki poprawiają czytelność kod źródłowy, ale te symbole zazwyczaj nie są potrzebne do działania skryptu js.
| Kod znaku | Nazwa | Zmniejszenie | Opis | Sekwencja ucieczki |
|---|---|---|---|---|
| U+0009 | Tabele poziome | Przesuwa pozycję drukowania do następnego poziomego tabulatora | \T | |
| U+000B | Zakładka pionowa | Przesuwa pozycję drukowania do następnego pionowego tabulatora | \v | |
| U+000C | Kanał strony, zmiana strony | Wyrzuca to bieżąca strona i rozpoczyna drukowanie od następnego | \F | |
| U+0020 | Przestrzeń | Odstępy między literami | ||
| U+00A0 | Nierozrywająca przestrzeń | Znak pojawiający się wewnątrz linii jak zwykła spacja, ale nie pozwalający na przerwanie linii w tym miejscu |
Oprócz białych znaków, aby poprawić czytelność tekstu źródłowego, używane są również znaki końca wiersza. Jednak w niektórych przypadkach znaki końca wiersza mogą mieć wpływ na wykonanie kodu JavaScript, ponieważ w niektórych przypadkach ich użycie jest zabronione. Znaki końca linii również wpływają na proces instalacja automatycznaśredniki.
Następujące znaki są rozpoznawane przez interpretery JavaScript jako znaki końca linii:
Program JavaScript (skrypt) to lista „instrukcji”, które są wykonywane przez przeglądarkę internetową.
W JavaScript instrukcje są zazwyczaj oddzielone średnikami (;).
Jeżeli w jednym wierszu znajduje się kilka instrukcji, należy pomiędzy nimi umieścić średnik (;).
W wielu przypadkach JavaScript interpretuje znak nowej linii jako separator poleceń i automatycznie wprowadza średniki (ASI) w celu zakończenia instrukcji.
Jeśli każda instrukcja zostanie umieszczona w osobnej linii, wówczas separator można pominąć:
Jedna instrukcja może znajdować się w kilku liniach:
W tym przypadku JavaScript czeka na zakończenie wyrażenia i dlatego nie wstawia automatycznie „wirtualnego” średnika pomiędzy wierszami.
Notatka: Chociaż średniki na końcu instrukcji są opcjonalne, zaleca się je zawsze dodawać. Teraz jest to zasada, której przestrzegają wszystkie duże projekty.
Ta reguła zapobiega niektórym błędom, takim jak niedokończone wprowadzanie, a także umożliwia kompresję kodu poprzez usunięcie białych znaków. Kompresja kodu bez średników skutkuje błędy składniowe. Ponadto obecność średników zapobiega pogorszeniu wydajności, ponieważ analizatory składni próbują poprawić podejrzane błędy, dodając brakujące średniki.
Programy JavaScript są pisane przy użyciu zestawu znaków Unicode, który obejmuje zestawy znaków ASCII i Latin-1 i jest obsługiwany przez prawie wszystkie języki i platformy.
W JavaScript wszystkie elementy, w tym nazwy zmiennych, funkcji i operatorów, uwzględniają wielkość liter i muszą zawsze zawierać ten sam zestaw wielkich i małych liter. Na przykład słowo kluczowe while powinno być wpisane jako „podczas”, a nie „Podczas” lub „WHILE”.
Podobnie num, NUM i Num to trzy różne zmienne:
Komentarze pozwalają na wyróżnienie fragmentu programu, który nie jest wykonywany przez interpreter JavaScript, lecz służy jedynie objaśnieniu zawartości programu.
Komentarze w JS mogą być jedno- lub wielowierszowe.
Komentarze jednowierszowe rozpoczynają się podwójnym ukośnikiem // . Tekst traktowany jest jako komentarz do końca wiersza:
Komentarz wielowierszowy zaczyna się od ukośnika i gwiazdki (/*), a kończy na nich odwrotna kolejność(*/) . W ten sposób możesz skomentować jedną lub więcej linii:
Rada: Nie zaniedbuj komentarzy w swoich kodach. Przydadzą się podczas debugowania i konserwacji programów. Na etapie opracowywania może lepiej będzie skomentować zbędny fragment programów, niż tylko ich odinstalowanie. A jeśli trzeba będzie go przywrócić?
Identyfikator to ciąg liter, cyfr, podkreśleń (_) i znaków dolara ($). Liczba nie może być pierwszym znakiem identyfikatora, ponieważ utrudniłoby to interpreterowi JavaScriptu odróżnienie identyfikatorów od liczb. Identyfikatory pełnią rolę nazw zmiennych, funkcji, właściwości obiektów itp.
Ze względu na zgodność i łatwość edycji do tworzenia identyfikatorów używane są zwykle wyłącznie znaki i cyfry ASCII. Jednakże w ECMAScript v3 identyfikatory mogą zawierać litery i cyfry z pełnego zestawu znaków Unicode. Dzięki temu programiści mogą nazywać zmienne w swoich rodzimych językach i używać w nich symboli matematycznych:
Nazwa zmiennej = „Max”; var Π = 3,14;
Historycznie rzecz biorąc, programiści używali różne sposobyłączenie wielu słów w celu zapisania identyfikatorów. Obecnie istnieją dwa ustalone, niewypowiedziane style: camelCase i Snake_case.
W JavaScript najpopularniejszym stylem nazewnictwa identyfikatorów składających się z wielu słów jest camelCase. Oznacza to, że pierwsza litera jest mała, a pierwsze litery wszystkich kolejnych słów wielkimi, na przykład:
Var pierwszy drugi; var myCar = "audi"; var zrobićCośWażnego;
Uwaga: W JavaScript łączenie wielu słów w celu zapisania identyfikatorów za pomocą łączników jest niedozwolone. Są one zarezerwowane dla odejmowań matematycznych.
Notatka: W JavaScript słowa kluczowe, słowa zastrzeżone i prawdziwe wartości, false i null nie mogą być identyfikatorami.
Standard ECMA-262 definiuje zestaw słów kluczowych, których nie można używać jako identyfikatorów. Zastrzeżone słowa mają konkretna wartość w JavaScript, ponieważ są częścią składni języka. Użycie słów zastrzeżonych spowoduje błąd kompilacji podczas ładowania skryptu.
Ponadto ECMA-262 zawiera zestaw słów zastrzeżonych, których również nie można używać jako identyfikatorów ani nazw właściwości. Obecnie nie kryje się za nimi żadna funkcjonalność, ale może pojawić się w przyszłych wersjach:
W trybie ścisłym do tej listy dodaje się następujące słowa:
W 5. edycji ECMAScriptu nieco zmieniono zasady używania słów kluczowych i słów zastrzeżonych. Tak jak poprzednio, nie mogą to być identyfikatory, ale teraz można ich używać jako nazw właściwości w obiektach. Jednakże, aby zapewnić kompatybilność z przeszłymi i przyszłymi wydaniami ECMAScript, nadal najlepiej nie używać słów kluczowych i słów zastrzeżonych jako identyfikatorów i nazw właściwości.
Składnia JavaScript to zbiór reguł dotyczących tworzenia programów JavaScript.
Program komputerowy to lista „instrukcji”, które mają zostać „wykonane” przez komputer.
W języku programowania te instrukcje programu są nazywane oświadczenia.
JavaScript jest język programowania.
Instrukcje JavaScript są oddzielone kropka Z przecinek.
Programy HTML, JavaScript można uruchamiać za pomocą przeglądarki internetowej.
Instrukcje JavaScript składają się z:
Wartości, operatory, wyrażenia, słowa kluczowe i komentarze.
Składnia JavaScript definiuje dwa typy wartości: wartości stałe i wartości zmienne.
Nazywa się wartości stałe literały. Nazywa się wartości zmiennych zmienne.
Bardzo ważne zasady zapisywanie stałych wartości to:
Takty muzyczne zapisywane z miejscami po przecinku lub bez:
Smyczki tekst pisany w cudzysłowie pojedynczym lub podwójnym:
W języku programowania zmienne używany do składowanie wartości danych.
Używa JavaScript odm słowo kluczowe do ogłaszać zmienne.
Znak równości używany do przypisania wartości zmienne.
W tym przykładzie x jest zdefiniowane jako zmienna. Następnie x przypisuje się (poda) wartość 6:
Używa JavaScript operator przypisania(=) za zadania wartości zmiennych:
Używa JavaScript operatory arytmetyczne (+ - * /) dla obliczenia wartości:
Wyrażenie to kombinacja wartości, zmiennych i operatorów, której wynikiem jest wartość.
Obliczenie nazywa się oszacowaniem.
Na przykład 5 * 10 przyjmuje wartość 50:
Wyrażenia mogą również zawierać wartości zmiennych:
Wartości mogą być różne typy, takie jak liczby i ciągi znaków.
Na przykład „John” + „”, + „Doe” przyjmuje wartość „John Doe”:
JavaScript słowa kluczowe służą do określenia działań, które należy wykonać.
odm Słowo kluczowe mówi przeglądarce, aby utworzyła nową zmienną:
Nie wszystkie instrukcje JavaScript zostaną „wykonane”.
Kod po podwójnych ukośnikach // lub pomiędzy /* I * / postrzegane jako komentarz.
Komentarze są ignorowane i nie zostaną wykonane:
Identyfikatory to nazwy.
W JavaScript identyfikatory służą do nazywania zmiennych (i słów kluczowych, a także funkcji i etykiet).
Zasady dotyczące nazw prawnych są takie same w większości języków programowania.
W JavaScript pierwszym znakiem musi być litera, podkreślenie (_) lub znak dolara ($).
Kolejnymi znakami mogą być litery, cyfry, znaki podkreślenia lub znaki dolara.
Cyfry nie są dozwolone jako pierwszy znak.
W ten sposób JavaScript może łatwo odróżnić identyfikatory od liczb.
Wszystkie identyfikatory JavaScript wrażliwy Do rejestr.
Zmienne Nazwisko I NAZWISKO, dwie różne zmienne.
JavaScript nie interpretuje VAR Lub Var jako słowo kluczowe odm .
Historycznie rzecz biorąc, programiści stosowali trzy sposoby łączenia wielu słów w jedną nazwę zmiennej:
Łączniki:
imię, nazwisko, karta-master, międzymiastowe.
Łączniki nie są dozwolone w JavaScript. Służy do odejmowania.
Podkreślać:
imię, nazwisko, karta_master, inter_city.
Sprawa wielbłąda:
Imię, nazwisko, MasterCard, InterCity.
W językach programowania, zwłaszcza JavaScript, wielkość liter często zaczyna się od małej litery:
imię, nazwisko, karta masterCard, interCity.
JavaScript używa zestawu znaków Unikod.
Unicode obejmuje (prawie) każdy symbol, znak interpunkcyjny i glif na świecie.
