НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
React. W3Schools українською. Уроки для початківців

En

React ES6 Змінні


Змінні

До ES6 існував лише один спосіб визначення ваших змінних: за допомогою ключового слова var. Якби ви їх не визначили, вони були б призначені глобальному об’єкту. Якщо ви не перебуваєте в строгому режимі, ви отримаєте повідомлення про помилку, якщо ваші змінні будуть невизначеними.

Тепер у ES6 є три способи визначення ваших змінних: var, let та const.

Приклад

var

var x = 5.6;

Якщо ви використовуєте var поза функцією, вона належить до глобальної області.

Якщо ви використовуєте var усередині функції, вона належить до цієї функції.

Якщо ви використовуєте var усередині блоку, тобто циклу for, змінна все ще доступна за межами цього блоку.

var має область дії функції, а не область дії блоку.

Приклад

let

let x = 5.6;

let - це блокова версія var і обмежена блоком (або виразом), де вона визначена.

Якщо ви використовуєте let усередині блоку, тобто циклу for, змінна доступна лише всередині цього циклу.

let має область дії блоку.


Приклад

const

const x = 5.6;

const - це змінна, значення якої після створення вже ніколи не зміниться, тобто, буде залишатись постійною.

const має область дії блоку.

Ключове слово const дещо вводить в оману.

Воно не визначає постійне значення. Воно визначає постійне посилання на значення.

Через це ви НЕ можете:

  • Змінити постійне значення
  • Перепризначити постійний масив
  • Перепризначити постійний об’єкт

Але ви МОЖЕТЕ:

  • Змінити елементи постійного масиву
  • Змінити властивості постійного об’єкта

Перевірте себе за допомогою вправ

Вправа:

Створіть змінну, яка не може бути змінена.

 x = 5.6;