ES6 - składnia
Syntaxokreśla zbiór reguł pisania programów. Każda specyfikacja języka definiuje własną składnię.
Program JavaScript może składać się z -
Variables - Reprezentuje nazwany blok pamięci, który może przechowywać wartości dla programu.
Literals - Przedstawia wartości stałe / stałe.
Operators - Symbole definiujące sposób przetwarzania operandów.
Keywords - Słowa, które mają specjalne znaczenie w kontekście języka.
Poniższa tabela zawiera listę niektórych słów kluczowych w JavaScript. W poniższej tabeli wymieniono niektóre często używane słowa kluczowe.
przerwa | tak jak | każdy | Przełącznik |
walizka | gdyby | rzucać | Jeszcze |
var | numer | strunowy | Dostać |
moduł | rodzaj | wystąpienie | Typ |
Wreszcie | dla | enum | Eksport |
podczas | unieważnić | to | Nowy |
zero | Wspaniały | Łapać | pozwolić |
statyczny | powrót | Prawdziwe | Fałszywy |
Modules - Reprezentuje bloki kodu, które można ponownie wykorzystać w różnych programach / skryptach.
Comments- Służy do poprawy czytelności kodu. Są one ignorowane przez silnik JavaScript.
Identifiers - Są to nazwy nadawane elementom w programie, takim jak zmienne, funkcje itp. Reguły dotyczące identyfikatorów to -
Identyfikatory mogą zawierać zarówno znaki, jak i cyfry. Jednak identyfikator nie może zaczynać się od cyfry.
Identyfikatory nie mogą zawierać symboli specjalnych z wyjątkiem podkreślenia (_) lub znaku dolara ($).
Identyfikatory nie mogą być słowami kluczowymi. Muszą być wyjątkowe.
W identyfikatorach rozróżniana jest wielkość liter. Identyfikatory nie mogą zawierać spacji.
Poniższa tabela ilustruje niektóre prawidłowe i niepoprawne identyfikatory.
Przykłady prawidłowych identyfikatorów | Przykłady nieprawidłowych identyfikatorów |
---|---|
Imię Imię num1 $ wynik |
Var # Imię Imię 1liczba |
Białe znaki i podziały wierszy
ES6 ignoruje spacje, tabulatory i znaki nowej linii, które pojawiają się w programach. Możesz swobodnie używać spacji, tabulatorów i znaków nowej linii w swoim programie i możesz swobodnie formatować i wciskać swoje programy w schludny i spójny sposób, dzięki czemu kod jest łatwy do odczytania i zrozumienia.
JavaScript rozróżnia wielkość liter
JavaScript rozróżnia wielkość liter. Oznacza to, że JavaScript rozróżnia wielkie i małe litery.
Średniki są opcjonalne
Każda linia instrukcji nazywa się a statement. W JavaScript średniki są opcjonalne.
Przykład
console.log("hello world")
console.log("We are learning ES6")
Pojedynczy wiersz może zawierać wiele instrukcji. Jednak te instrukcje muszą być oddzielone średnikiem.
Komentarze w JavaScript
Commentssą sposobem na poprawę czytelności programu. Komentarze mogą służyć do dołączania dodatkowych informacji o programie, takich jak autor kodu, wskazówki dotyczące funkcji / konstrukcji itp. Komentarze są ignorowane przez kompilator.
JavaScript obsługuje następujące typy komentarzy -
Single-line comments (//) - Dowolny tekst pomiędzy // a końcem linii jest traktowany jako komentarz.
Multi-line comments (/* */) - Te komentarze mogą obejmować wiele linii.
Przykład
//this is single line comment
/* This is a
Multi-line comment
*/
Twój pierwszy kod JavaScript
Zacznijmy od tradycyjnego przykładu „Hello World”.
var message = "Hello World"
console.log(message)
Program można analizować jako -
Linia 1 deklaruje zmienną w komunikacie z nazwą. Zmienne to mechanizm przechowywania wartości w programie.
Linia 2 wypisuje wartość zmiennej do zachęty. Tutaj konsola odnosi się do okna terminala. Funkcja log () służy do wyświetlania tekstu na ekranie.
Wykonywanie kodu
Do wykonania naszego kodu użyjemy Node.js.
Step 1 - Zapisz plik jako Test.js
Step 2 - Kliknij prawym przyciskiem myszy plik Test.js w opcji pliki robocze w oknie eksploratora projektów programu Visual Studio Code.
Step 3 - Wybierz opcję Otwórz w wierszu polecenia.
Step 4 - Wpisz następujące polecenie w oknie terminala Node.
node Test.js
Następujące dane wyjściowe są wyświetlane po pomyślnym wykonaniu pliku.
Hello World
Node.js oraz JS / ES6
Funkcje ECMAScript 2015 (ES6) są podzielone na trzy grupy -
For Shipping - Są to cechy, które V8 uważa za stabilne.
Staged Features - Są to prawie gotowe funkcje, ale zespół V8 nie uważa ich za stabilne.
In Progress - Te funkcje powinny być używane tylko do celów testowych.
Pierwsza kategoria funkcji jest w pełni obsługiwana i domyślnie włączana przez węzeł. Funkcje etapowe wymagają do wykonania flagi harmonii - - środowiska wykonawczego.
Listę flag CLI specyficznych dla komponentów dla Node.js można znaleźć tutaj -
Tryb ścisły
Piąta edycja specyfikacji ECMAScript wprowadziła tryb ścisły. Tryb ścisły nakłada warstwę ograniczeń na JavaScript. Wprowadza kilka zmian w normalnej semantyce JavaScript.
Kod można przenieść do pracy w trybie ścisłym, uwzględniając:
// Whole-script strict mode syntax
"use strict";
v = "Hi! I'm a strict mode script!"; // ERROR: Variable v is not declared
W powyższym fragmencie cały kod działa jako ograniczony wariant JavaScript.
JavaScript pozwala również na ograniczenie trybu ścisłego w zakresie bloku jako funkcji. Jest to zilustrowane następująco -
v = 15
function f1() {
"use strict";
var v = "Hi! I'm a strict mode script!";
}
W powyższym fragmencie każdy kod poza funkcją będzie działał w trybie nieścisłym. Wszystkie instrukcje w ramach funkcji będą wykonywane w trybie ścisłym.
ES6 i podnoszenie
Silnik JavaScript domyślnie przenosi deklaracje na górę. Ta funkcja jest określana jakohoisting. Ta funkcja dotyczy zmiennych i funkcji. Podnoszenie umożliwia JavaScriptowi użycie składnika przed jego zadeklarowaniem. Jednak koncepcja podnoszenia nie dotyczy skryptów uruchamianych w trybie ścisłym.
Podnoszenie zmienne i podnoszenie funkcji są wyjaśnione w kolejnych rozdziałach.