JS оператор const

Загальний опис

const є ключовим словом у JavaScript, яке використовується для оголошення змінної з незмінним посиланням. Це означає, що після ініціалізації змінної через const, її значення не можна переназначити. Однак, якщо змінна є об’єктом або масивом, їхні внутрішні властивості або елементи можуть змінюватися.

Використання const є найкращою практикою для змінних, які не повинні змінювати своє значення після ініціалізації. Це забезпечує передбачуваність і допомагає уникнути помилок, пов’язаних із випадковим переприсвоєнням змінної.

Приклад:

const PI = 3.14159;
console.log(PI); // 3.14159
// PI = 3; // Помилка: переприсвоєння заборонено

Важливо зазначити, що const потребує обов’язкової ініціалізації під час оголошення:

const name; // Помилка: має бути ініціалізовано

Для об'єктів або масивів, оголошених через const, зміна їхніх властивостей дозволена:

const person = { name: 'Іван', age: 25 };
person.age = 26; // Можна змінити властивість
console.log(person.age); // 26

Таким чином, const гарантує лише те, що змінна не може бути переприсвоєна на інше значення або об'єкт.

правити

Порада

При використанні const завжди давайте змінним описові імена, щоб уникнути плутанини. Наприклад, використовуйте const MAX_USERS замість абстрактного const x.

автор: Bond правити

Порада

Використовуйте const для всіх змінних за замовчуванням. Якщо ви виявите, що значення потрібно змінювати, перетворіть його на let. Це підхід, який заощаджує час і зменшує помилки.

автор: Bond правити

Порада

Навіть якщо можна змінювати властивості об'єкта або елементи масиву, уникайте цього без необхідності. Це може зробити ваш код менш передбачуваним.

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

const foo = значення;

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	21	36	5.1	9	12	11

Підтримка: мобільні переглядачі

Переглядач
	4.4	25	36	5

Підтримка: серверні переглядачі

Переглядач
	6.0.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

function createCounter() {
  const initialValue = 0;
  return function() {
    return ++initialValue; // Помилка: не можна змінювати const
  };
}

const logger = {
  log: (message) => console.log(message),
  error: (message) => console.error(message)
};

// Неможливо переназначити logger, але його методи доступні:
logger.log("Привіт, світ!"); // Привіт, світ!
logger.error("Це помилка!"); // Це помилка!