При написанні коду важливо не просто знати, який символ або конструкцію можна використовувати, але насамперед необхідно розуміти термінологію і складові вихідного коду. На цьому етапі не важливе розуміння як що працює, ми лише ознайомимося з базовою термінологією та синтаксисом.
Лексична структура (Lexical structure) — набір елементарних правил, які визначають, як ви пишете код мовою. Це "алфавіт" і "орфографія" мови програмування. Вона включає:
$ або _, но не з цифри.// або /* ... */.if, for, function тощо.;, ,, {, }.Простими словами: це правила того, як виглядають "слова" і "речення" в мові, без яких код був би просто безглуздим набором символів.
Приклад: У коді let x = 5 + 3; лексична структура визначає, що let — ключове слово, x — ідентифікатор, = и + — оператори, 5 и 3 — числа, а ; — роздільник.
Це команда або наказ, який виконує певну дію. Це повне "речення" у програмі. Інструкції виконуються одна за одною і керують потоком виконання програми. Інструкції повинні закінчуватися крапкою ; або починатися з нового рядка.
Приклади:
// 1. Інструкція оголошення змінної
let age = 25;
// 2. Умовна інструкція if
if (age > 18) {
console.log("Ви дорослий");
}
// 3. Інструкція циклу for
for (let i = 0; i < 5; i++) {
console.log(i);
}
// 4. Інструкція return (в функції)
function sum(a, b) {
return a + b; // Інструкція повернення значення
}
Це фрагмент коду, який обчислюється і повертає певне значення. Вирази можуть бути дуже простими або складними, але вони завжди производять результат.
Приклади:
// 1. Прості вирази, що обчислюються в значення
10; // -> значення 10
("Hello"); // -> значення 'Hello'
// 2. Вираз з арифметичним оператором
5 + 3; // -> обчислюється в значення 8
// 3. Вираз з викликом функції
Math.max(2, 5); // -> обчислюється в значення 5
// 4. Вираз з оператором порівняння
age >= 18; // -> обчислюється в true або false