Основи JavaScript: змінні, функції, області видимості

JavaScript, Веб-розробка · 15-2-2025

JavaScript є однією з найпопулярніших мов програмування для веб-розробки. Щоб працювати з нею ефективно, варто розуміти основні концепції: змінні, функції та області видимості. Ці поняття визначають, як зберігаються та передаються дані у програмі, а також які частини коду мають доступ до певних змінних.

Змінні в JavaScript

У JavaScript є три способи оголосити змінну: var, let та const. Кожен з них має свої особливості.

var oldVariable = "Це застарілий спосіб оголошення змінних";
let modernVariable = "Рекомендується для змінних, що змінюються (хєхєхє)";
const constantVariable = "Це константа, її не можна перевизначити";

var має функціональну область видимості та піддається hoisting’у, що може викликати неочікувані помилки:

console.log(value); // undefined
var value = 10;

Змінна value існує у пам’яті ще до виконання коду, але не має значення. Це створює потенційні проблеми, тому var використовується рідко.

let має блочну область видимості, тому краще підходить для сучасного коду:

if (true) {
  let number = 42;
}
console.log(number); // Помилка: number не визначена

const використовується для значень, які не змінюються:

const PI = 3.14;
PI = 3.1415; // Помилка: присвоєння нових значень неможливе

Функції в JavaScript

Функції дозволяють структурувати код та робити його повторно використовуваним. Є кілька способів їх оголошення:

function classicFunction() {
  return "Це класична функція";
}

const arrowFunction = () => "Це стрілкова функція";

Функції можуть приймати аргументи та повертати значення:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // 5

Стрілкові функції часто використовуються у сучасному JavaScript через коротший синтаксис:

const multiply = (a, b) => a * b;
console.log(multiply(4, 5)); // 20