Struktura i składnia JavaScript

JavaScript to język programowania wysokiego poziomu, który służy do tworzenia dynamicznych i interaktywnych stron WWW. Jest językiem interpretowanym (kod wykonywany linia po linii przez przeglądarkę) i skryptowym.

1. Podstawowe cechy języka

JavaScript posiada kilka kluczowych cech składniowych:

Czułość na wielkość liter – let x to inna zmienna niż let X.
Instrukcje kończymy średnikiem (;), choć czasem przeglądarka doda je automatycznie.
Bloki kodu umieszczamy w nawiasach klamrowych { }.
Komentarze mogą być jedno- lub wielolinijkowe:

// komentarz jednolinijkowy /* komentarz wielolinijkowy */

2. Zmienne i stałe

Do przechowywania danych w JS używamy:

var – starszy sposób deklaracji (unika się w nowych projektach).
let – zmienna o zasięgu blokowym.
const – stała, której wartości nie można ponownie przypisać.

let imie = "Jan"; const PI = 3.14159;

3. Typy danych

JavaScript rozróżnia typy proste (prymitywne) i obiektowe. Do typów prostych należą:

Liczby – całkowite i zmiennoprzecinkowe.
Napisy (string) – ujęte w cudzysłów lub apostrofy.
Wartości logiczne – true i false.
null – brak wartości.
undefined – zmienna zadeklarowana, ale niezainicjowana.

Typy złożone to obiekty, tablice i funkcje.

let x = 5; // liczba let tekst = "Hello"; // napis let aktywny = true; // boolean let osoba = {imie: "Kasia", wiek: 20}; // obiekt let liczby = [1, 2, 3, 4]; // tablica

4. Operatory

JavaScript obsługuje różne grupy operatorów:

Arytmetyczne: +, -, *, /, %, **
Porównania: ==, ===, !=, !==, <, >
Logiczne: &&, ||, !
Przypisania: =, +=, -=, *=

5. Instrukcje warunkowe

Instrukcje warunkowe pozwalają wykonywać kod zależnie od spełnienia warunku:

if (x > 10) { console.log("Większe od 10"); } else if (x == 10) { console.log("Równe 10"); } else { console.log("Mniejsze od 10"); }

Skrócona wersja (operator trójargumentowy):

let wynik = (x > 10) ? "Duży" : "Mały";

6. Pętle

Pętle pozwalają wykonywać fragment kodu wielokrotnie.

for (let i = 0; i < 5; i++) { console.log(i); } while (warunek) { // kod powtarzany dopóki warunek jest prawdziwy } do { // kod wykona się przynajmniej raz } while (warunek);

7. Funkcje

Funkcje to bloki kodu, które możemy wywoływać wielokrotnie.

function dodaj(a, b) { return a + b; } let wynik = dodaj(2, 3); // 5 // Funkcja strzałkowa: const mnoz = (a, b) => a * b;

8. Obiekty i tablice

W JS wszystko jest obiektem. Obiekty przechowują dane w formie par klucz-wartość. Tablice przechowują wiele elementów w uporządkowanej kolejności.

let osoba = { imie: "Kasia", wiek: 20, przywitaj: function() { return "Cześć, mam na imię " + this.imie; } }; let liczby = [1, 2, 3, 4]; console.log(liczby[0]); // 1

9. Obsługa zdarzeń w przeglądarce

JavaScript umożliwia reagowanie na akcje użytkownika, np. kliknięcia przycisków.

document.getElementById("btn").addEventListener("click", function() { alert("Kliknięto przycisk!"); });

10. Struktura programu JavaScript na stronie

Kod JS można umieszczać w pliku zewnętrznym lub bezpośrednio w kodzie HTML.

Podsumowanie: JavaScript składa się z instrukcji, zmiennych, operatorów, struktur sterujących, funkcji i obiektów. Dzięki niemu strony WWW stają się interaktywne i dynamiczne.

📘 Struktura i składnia języka JavaScript