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


Oświadczenia JavaScript


Przykład

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

Programy JavaScript

Program komputerowy to lista „instrukcji” do „wykonania” przez komputer.

W języku programowania te instrukcje programowania nazywane są instrukcjami .

Program JavaScript to lista instrukcji programowania .

W języku HTML programy JavaScript są wykonywane przez przeglądarkę internetową.


Oświadczenia JavaScript

Instrukcje JavaScript składają się z:

Wartości, operatory, wyrażenia, słowa kluczowe i komentarze.

To stwierdzenie mówi przeglądarce, aby napisała „Hello Dolly”. wewnątrz elementu HTML z id="demo":

Przykład

document.getElementById("demo").innerHTML = "Hello Dolly.";

Większość programów JavaScript zawiera wiele instrukcji JavaScript.

Oświadczenia są wykonywane jeden po drugim, w tej samej kolejności, w jakiej zostały napisane.

Programy JavaScript (i instrukcje JavaScript) są często nazywane kodem JavaScript.


Średniki ;

Średniki oddzielają instrukcje JavaScript.

Dodaj średnik na końcu każdej instrukcji wykonywalnej:

Przykłady

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

W przypadku rozdzielenia średnikami dozwolonych jest wiele instrukcji w jednym wierszu:

a = 5; b = 6; c = a + b;

W internecie możesz zobaczyć przykłady bez średników.
Wypowiedzi kończące się średnikiem nie są wymagane, ale wysoce zalecane.



Białe spacje w JavaScript

JavaScript ignoruje wiele spacji. Możesz dodać spację do swojego skryptu, aby był bardziej czytelny.

Następujące wiersze są równoważne:

let person = "Hege";
let person="Hege";

Dobrą praktyką jest umieszczanie spacji wokół operatorów ( = + - * / ):

let x = y + z;

Długość linii i łamanie linii w JavaScript

Aby uzyskać najlepszą czytelność, programiści często unikają linii kodu dłuższych niż 80 znaków.

Jeśli instrukcja JavaScript nie mieści się w jednej linii, najlepszym miejscem do jej przerwania jest operator:

Przykład

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Bloki kodu JavaScript

Wyrażenia JavaScript mogą być grupowane w bloki kodu, wewnątrz nawiasów klamrowych {...}.

Celem bloków kodu jest zdefiniowanie instrukcji, które mają być wykonywane razem.

Jednym z miejsc, w których znajdziesz instrukcje pogrupowane w bloki, są funkcje JavaScript:

Przykład

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

W tym samouczku używamy 2 spacji wcięć dla bloków kodu.
Więcej o funkcjach dowiesz się w dalszej części tego samouczka.


Słowa kluczowe JavaScript

Wyrażenia JavaScript często zaczynają się od słowa kluczowego , które identyfikuje czynność JavaScript, która ma zostać wykonana.

Nasz katalog słów zastrzeżonych zawiera listę wszystkich słów kluczowych JavaScript.

Oto lista niektórych słów kluczowych, o których nauczysz się w tym samouczku:

Słowo kluczowe Opis
var Deklaruje zmienną
let Deklaruje zmienną blokową
const Deklaruje stałą blokową
if Zaznacza blok instrukcji do wykonania pod warunkiem
switch Zaznacza blok instrukcji do wykonania w różnych przypadkach
for Zaznacza blok instrukcji do wykonania w pętli
function Deklaruje funkcję
return Wyjście z funkcji
try Implementuje obsługę błędów w bloku instrukcji

Słowa kluczowe JavaScript są słowami zastrzeżonymi. Słowa zastrzeżone nie mogą być używane jako nazwy zmiennych.