Podstawowa składnia i reguły

JavaScript, podobnie jak inne języki programowania, posiada swój zestaw konwencji, składnię i reguły, które decydują o tym, w jaki sposób kod powinien być pisany oraz jak go interpretuje przeglądarka czy środowisko uruchomieniowe (np. Node.js). Poznanie podstawowych zasad pozwala tworzyć czytelny i bezpieczny kod.

Kluczowe zasady składni

• Instrukcje - Najczęściej kończą się średnikiem (;), choć od wersji ES5/ES6 nie jest to bezwzględnie wymagane. Zaleca się jednak używać średników, aby uniknąć nieoczekiwanych błędów (ASI – Automatic Semicolon Insertion).
• Wielkość liter - JavaScript rozróżnia wielkość liter – myVariable to inna zmienna niż myvariable
• Nazwy zmiennych i funkcji: - Zwykle stosuje się camelCase (np. myAwesomeFunction), a dla klas PascalCase (np. MyClass).
• Komentarze: - Jednolinijkowe poprzedzone są //, wielolinijkowe /* ... */.
• Instrukcje blokowe - Obejmowane klamrami { ... }, np. ciało funkcji, pętli, instrukcji if.

    // Deklaracja zmiennych
    let myNumber = 42;          // nowoczesny sposób (ES6+)
    var myString = "Hello";     // starszy sposób (niezalecany w większych projektach)
    const MY_CONSTANT = 3.14;   // stała - nie można jej ponownie przypisać

    // Definicja prostej funkcji
    function showInfo() {
      // Instrukcja warunkowa
      if (myNumber > 0) {
        console.log(myString + " World! Liczba: " + myNumber);
      } else {
        console.log("Liczba jest niedodatnia.");
      }

      // Wyświetlenie stałej w konsoli
      console.log("Stała MY_CONSTANT to:", MY_CONSTANT);
    }

    // Obsługa zdarzenia kliknięcia przycisku
    const btn = document.getElementById('checkButton');
    btn.addEventListener('click', showInfo);

  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

Podsumowanie

• JavaScript rozróżnia wielkość liter i używa instrukcji blokowych w klamrach.
• Zmienne można zadeklarować przy pomocy var, let lub const.
• Zasada czytelności kodu i konsekwencji w nazewnictwie (camelCase, PascalCase) ułatwia pracę w zespołach i proces debugowania.
• Zamiast wyświetlania informacji w konsoli (console.log), możesz kierować wyniki bezpośrednio do elementów HTML (np. innerHTML), co pozwala użytkownikom na interakcję z danymi na stronie.