Уроки JavaScript – Все, що потрібно знати про змінні
Однією з найголовніших та фундаментальних концепцій будь-якої мови програмування є можливість зберігання значень, які пізніше можна багаторазово використовувати. Такі значення в програмуванні називаються змінними.
В сьогоднішньому уроці ми розглянемо змінні в JavaScript. В цій мові програмування для оголошення змінних використовуються три зарезервованих ключових слова: var
, let
або const
.
Ви можете вільно використовувати кожен з цих видів змінних, оскільки всі вони «нетипізовані», — тобто, це означає, що змінна може містити значення будь-якого типу даних. Змінні JavaScript відрізняються один від одного тим, як ви можете взаємодіяти зі змінною пізніше.
Нижче показаний приклад синтаксису оголошення змінної в JavaScript.
ВАЖЛИВО! Ви повинні завжди спочатку оголошувати змінну, а потім тільки використовувати її.
var someVariable; // оголошення змінної someVariable = 'якесь значення'; // привласнення значення змінній var someVariable = 'якесь значення'; // скорочений варіант оголошення: одночасно оголошення та привласнення значення
Ви можете оголосити кілька змінних в одному виразі:
// Створюємо три змінні в одному виразі var variableOne = 'Перша змінна', variableTwo = 'Друга змінна', variableThree = 'Третя змінна';
Змінні можуть бути повторно оголошено багато разів. В цьому випадку остання змінна перевизначає всі попередні значення:
var example = 'якесь значення'; // змінна example містить значення 'якесь значення' example = 'нове значення'; // тепер змінна example містить значення 'нове значення'
Оголошення змінної за допомогою ключового слова let
Синтаксис змінної let
виглядає так:
let someVariable = 'значення змінної';
У стандарті ECMAScript для JavaScript, який був представлений в 2015 році (ES2015), було введено ключове слово let
для змінної. Нововведення було направлено на підтримку філософії, згідно з якою змінні повинні існувати тільки там, де вони необхідні.
Як і змінна var
, змінні let
також можуть бути перевизначені в будь-якій точці програмного коду. Є 3 основних відмінності між змінними let
і var
:
- На верхньому рівні
let
, на відміну відvar
, не створює властивості для глобального об’єкту. - Змінні
let
не ініціалізуються, поки їх визначення не буде оцінено. Тому, на відміну відvar
, змінніlet
не «піднімаються» в верхню частину блоку. Спроба отримати до них доступ призведе до помилкиReferenceError
. - Змінні, оголошені з використанням ключового слова
var
, потрапляють в безпосереднє тіло функції, а змінніlet
– в безпосередній обгортковий блок, який позначений символами{}
(фігурні дужки).
Оголошення змінної за допомогою ключового слова const
Синтаксис змінної const
виглядає так:
const someVariable = 'значення змінної';
У стандарті ECMAScript шостої версії (ES6) для JavaScript, що також був представлений в 2015 році, було введено ключове слово const
, яке також дозволяє визначати нову змінну.
Як і в випадку зі змінною let
, у змінної const
є своя область дії блоку. Між цими змінними є одна принципова відмінність.
Як тільки змінна const
ініціалізована, її значення не може бути змінене, якщо змінна не є частиною об’єкта, що надає методи, які змінюють її вміст. Візьмемо для прикладу наступний масив:
const arr = ['Іван', 'Степан', 'Олексій']; // виклик в консолі логу для arr[1] поверне 'Іван' // Метод нижче перевизначає 'Іван' в 'Михайло' arr[1] = 'Михайло'; // виклик в консолі логу для arr[1] поверне 'Михайло'
Ось і все на сьогодні. Дякуємо, що читаєте нас!
Останні пости
Як вибрати ідеальний ноутбук: Повний гайд
Вибір ноутбука може бути складним завданням у світі, де ринок переповнений варіантами на будь-який смак… Читати далі
Томас Едісон
Наш великий недолік в тому, що ми занадто швидко опускаємо руки. Найбільш діючий метод досягти… Читати далі
Найкрасивіші та найбільш вражаючі мости з усього світу (ТОП-10)
Міст — це щось більше, ніж просто споруда, яка поєднує два береги. Для того, щоб… Читати далі
Соломон
Життя нас вчить, що свою пару ми пізнаємо, коли розлучаємося, своїх братів ми пізнаємо, коли… Читати далі
Річард Бах
Жодне бажання не дається тобі окремо від сили, що дозволяє його здійснити. Хоча, можливо, для… Читати далі