Samouczek JS

JS DOM Wprowadzenie do JS JS Dokąd Wyjście JS Oświadczenia JS Składnia JS Komentarze JS Zmienne JS JS Let JS Const Operatorzy JS Arytmetyka JS Zadanie JS Typy danych JS Funkcje JS Obiekty JS Wydarzenia JS JS Strings Metody ciągów JS Wyszukiwanie ciągów JS Szablony JS String Numery JS Metody liczbowe JS Tablice JS Metody tablic JS Sortowanie tablic JS Iteracja tablicy JS JS Array Const JS Daty Formaty daty JS JS Data Pobierz metody Metody ustawiania daty JS Matematyka JS JS losowo JS Booleans Porównania JS Warunki JS Przełącznik JS Pętla JS dla Pętla JS dla In Pętla JS dla Of Pętla JS, podczas gdy Przerwa JS Iterable JS Zestawy JS Mapy JS Typ JS Konwersja typu JS JS Bitwise JS RegExp Błędy JS Zakres JS JS Podnoszenie Tryb ścisły JS JS to słowo kluczowe Funkcja strzałki JS Klasy JS JS JSON Debugowanie JS Przewodnik po stylu JS Najlepsze praktyki JS Błędy JS Wydajność JS JS słowa zastrzeżone

Wersje JS

Wersje JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Krawędź Historia JS

Obiekty JS

Definicje obiektów Właściwości obiektu Metody obiektowe Wyświetlanie obiektów Akcesoria do obiektów Konstruktorzy obiektów Prototypy obiektów Iterowalne obiekty Zestawy obiektów Mapy obiektów Odniesienie do obiektu

Funkcje JS

Definicje funkcji Parametry funkcji Wywołanie funkcji Wywołanie funkcji Funkcja Zastosuj Zamknięcia funkcji

Klasy JS

Wprowadzenie do zajęć Dziedziczenie klas Klasa statyczna

JS Async

Oddzwaniania JS Asynchroniczny JS JS Obietnice JS Async/Oczekiwanie

JS HTML DOM

Wprowadzenie do DOM Metody DOM Dokument DOM Elementy DOM DOM HTML Formularze DOM DOM CSS Animacje DOM Wydarzenia DOM Odbiornik zdarzeń DOM Nawigacja DOM Węzły DOM Kolekcje DOM Listy węzłów DOM

Zestawienie komponentów przeglądarki JS

Okno JS Ekran JS Lokalizacja JS Historia JS JS Navigator Wyskakujący alert JS Czas JS Pliki cookie JS

JS Web API

Wprowadzenie do internetowego interfejsu API Interfejs API formularzy internetowych Interfejs API historii online API przechowywania danych w sieci Web Web Worker API Internetowy interfejs API pobierania Internetowy interfejs API geolokalizacji

JS AJAX

Wprowadzenie do AJAX AJAX XMLHttp Żądanie AJAX Odpowiedź AJAX Plik XML AJAX AJAX PHP ASP AJAX Baza danych AJAX Aplikacje AJAX Przykłady AJAX

JS JSON

Wprowadzenie do JSON Składnia JSON JSON a XML Typy danych JSON Analiza JSON JSON Obiekty JSON Tablice JSON Serwer JSON JSON PHP JSON HTML JSON JSONP

JS kontra jQuery

Selektory jQuery jQuery HTML jQuery CSS jQuery DOM

Grafika JS

Grafika JS JS płótno JS Działka JS Chart.js Wykres JS Google JS D3.js

Przykłady JS

Przykłady JS JS HTML DOM Wejście JS HTML Obiekty HTML JS Wydarzenia JS HTML Przeglądarka JS Edytor JS Ćwiczenia JS JS Quiz Certyfikat JS

Referencje JS

Obiekty JavaScript Obiekty HTML DOM


Składnia JavaScript

Składnia JavaScript to zbiór reguł, jak konstruowane są programy JavaScript:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

Wartości JavaScript

Składnia JavaScript definiuje dwa typy wartości:

  • Wartości stałe
  • Wartości zmienne

Stałe wartości nazywane są literałami .

Wartości zmiennych nazywane są Zmiennymi .


Literały JavaScript

Dwie najważniejsze reguły składni dla wartości stałych to:

1. Liczby są zapisywane z lub bez miejsc dziesiętnych:

10.50

1001

2. Ciągi to tekst, pisany w cudzysłowie podwójnym lub pojedynczym:

"John Doe"

'John Doe'


Zmienne JavaScript

W języku programowania zmienne służą do przechowywania wartości danych.

JavaScript używa słów kluczowych i vardo letdeklarowania zmiennych .const

Znak równości służy do przypisywania wartości do zmiennych.

W tym przykładzie x jest zdefiniowane jako zmienna. Wtedy x jest przypisywana (podana) wartość 6:

let x;
x = 6;

Operatory JavaScript

JavaScript używa operatorów arytmetycznych ( + - * /) do obliczania wartości:

(5 + 6) * 10

JavaScript używa operatora przypisania ( =) do przypisywania wartości do zmiennych:

let x, y;
x = 5;
y = 6;

Wyrażenia JavaScript

Wyrażenie jest kombinacją wartości, zmiennych i operatorów, które obliczają wartość.

Obliczenie nazywa się oceną.

Na przykład 5 * 10 daje 50:

5 * 10

Wyrażenia mogą również zawierać wartości zmiennych:

x * 10

Wartości mogą być różnych typów, na przykład liczb i ciągów.

Na przykład „Jan” + „ ” + „Kowalski” daje wynik „Jan Kowalski”:

"John" + " " + "Doe"

Słowa kluczowe JavaScript

Słowa kluczowe JavaScript służą do identyfikacji działań, które należy wykonać.

Słowo letkluczowe mówi przeglądarce, aby utworzyła zmienne:

let x, y;
x = 5 + 6;
y = x * 10;

Słowo varkluczowe mówi również przeglądarce, aby utworzyła zmienne:

var x, y;
x = 5 + 6;
y = x * 10;

W tych przykładach użycie var lub letda ten sam wynik.

Dowiesz się więcej o var i letpóźniej w tym samouczku.


Komentarze JavaScript

Nie wszystkie instrukcje JavaScript są „wykonywane”.

Kod po podwójnym ukośniku //lub pomiędzy /*i */jest traktowany jako komentarz .

Komentarze są ignorowane i nie zostaną wykonane:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

Więcej o komentarzach dowiesz się w kolejnym rozdziale.


Identyfikatory/nazwy JavaScript

Identyfikatory to nazwy JavaScript.

Identyfikatory służą do nazywania zmiennych i słów kluczowych oraz funkcji.

Zasady dotyczące nazw prawnych są takie same w większości języków programowania.

Nazwa JavaScript musi zaczynać się od:

  • Litera (AZ lub az)
  • Znak dolara ($)
  • Lub podkreślenie (_)

Kolejne znaki mogą być literami, cyframi, podkreśleniami lub znakami dolara.

Notatka

Cyfry nie mogą być pierwszym znakiem w imionach.

W ten sposób JavaScript może łatwo odróżnić identyfikatory od liczb.


JavaScript rozróżnia wielkość liter

Wszystkie identyfikatory JavaScript uwzględniają wielkość liter

Zmienne lastNamei lastname, to dwie różne zmienne:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScript nie interpretuje LET lub Let jako słowa kluczowego let .


JavaScript i etui na wielbłądy

Historycznie programiści stosowali różne sposoby łączenia wielu słów w jedną nazwę zmiennej:

Myślniki:

imię, nazwisko, karta główna, międzymiastowa.

Łączniki nie są dozwolone w JavaScript. Są zarezerwowane do odejmowania.

Podkreślać:

imię, nazwisko, karta_główna, międzymiasto.

Górna skrzynia wielbłąda (sprawa Pascala):

Imię, Nazwisko, MasterCard, InterCity.

Dolna obudowa wielbłąda:

Programiści JavaScript zwykle używają wielkości wielbłąda, która zaczyna się od małej litery:

imię, nazwisko, karta masterCard, interCity.


Zestaw znaków JavaScript

JavaScript używa zestawu znaków Unicode .

Unicode obejmuje (prawie) wszystkie znaki, interpunkcje i symbole na świecie.

Aby uzyskać bliższe informacje, zapoznaj się z naszym Kompletnym dokumentem Unicode .