JavaScript Змінні
JavaScript змінні - це контейнери для зберігання значень даних.
В даному прикладі x, y та z - це змінні, оголошені за допомогою ключового слова var:
З наведеного вище прикладу ви можете очікувати:
- х зберігає значення 5
- у зберігає значення 6
- z зберігає значення 11
Використання let та const (2015)
До 2015 року використання ключового слова var було єдиним способом оголосити змінну JavaScript.
Версія JavaScript 2015 року (ES6 - ECMAScript 2015) дозволяє використовувати ключове слово const для визначення змінної, яку не можна перепризначити, а також ключове слово let для визначення змінної з обмеженою областю дії.
Оскільки описати різницю між цими ключовими словами трохи складно, і оскільки вони не підтримуються в старих браузерах, у першій частині цього підручника найчастіше використовуватиметься ключове слово var.
Safari 10 та Edge 14 стали першими браузерами, які повністю підтримують версію ES6:
| Chrome 58 | Edge 14 | Firefox 54 | Safari 10 | Opera 55 |
| Jan 2017 | Aug 2016 | Mar 2017 | Jul 2016 | Aug 2018 |
На початку 2021 року практично всі сучасні браузери підтримують версію JavaScript 2015 (ES6).
Дуже схоже на алгебру
У цьому прикладі price1, price2 та total - це змінні:
У програмуванні, як і в алгебрі, ми використовуємо змінні (наприклад, price1) для збереження значень.
У програмуванні, як і в алгебрі, ми використовуємо змінні у виразах (total = price1 + price2).
З наведеного вище прикладу ви можете розрахувати суму, яка дорівнює 11.
JavaScript змінні - це контейнери для зберігання значень даних.
JavaScript Ідентифікатори
Всі JavaScript змінні повинні бути ідентифіковані за допомогою унікальних імен.
Ці унікальні імена називаються ідентифікаторами.
Ідентифікатори можуть бути короткими іменами (наприклад, x та y) або більш описовими іменами (age, sum, totalVolume).
Загальні правила побудови імен для змінних (унікальні ідентифікатори):
- Імена можуть містити літери, цифри, підкреслення та символи долара
- Імена повинні починатися з літери
- Імена також можуть починатися з $ і _ (але ми не будемо використовувати їх у цьому підручнику)
- Імена чутливі до регістру (y та Y - різні змінні)
- Зарезервовані слова (наприклад, ключові слова JavaScript) не можна використовувати як імена
JavaScript ідентифікатори чутливі до регістру.
Оператор присвоєння
У JavaScript знак рівності (=) є оператором "присвоєння", а не оператором "рівно".
Це така відмінність від алгебри. Наступний вираз не має сенсу в алгебрі:
x = x + 5
У JavaScript, однак, такий вираз має сенс: x надається значення x + 5.
(Обчислюється значення x + 5 і результат міститься в x. Значення x збільшується на 5.)
Оператор "рівно" в JavaScript записується як == (два знака "рівно").
JavaScript Типи даних
JavaScript змінні можуть містити числа (наприклад, 1, 78, -25, 1024 і т.д.) та текстові значення як "John Doe".
У програмуванні текстові значення називаються текстовими рядками.
JavaScript може обробляти багато типів даних, але зараз просто подумайте про числа та рядки.
Рядки пишуться у подвійних або одинарних лапках. Числа пишуться без лапок.
Якщо ви поставите число в лапки, воно буде розглядатися як текстовий рядок.
Оголошення (створення) змінних JavaScript
Створення змінної JavaScript називається "оголошенням" змінної.
Ви повідомляєте змінну JavaScript з ключовим словом var:
var carName;
Після оголошення змінна не має значення (технічно вона має значення undefined, тобто "не визначена").
Щоб надати значення змінній, використовуйте знак рівності =:
carName = "Volvo";
Ви також можете надати значення змінної при її оголошенні:
var carName = "Volvo";
У наведеному нижче прикладі ми створюємо змінну з ім’ям carName і надамо їй значення "Volvo".
Потім ми "виводимо" значення всередині HTML параграфа з id="demo":
Приклад
<p id="demo"></p>
<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Спробуйте самі »
Хороша практика програмування – оголошувати усі змінні на початку скрипту.
Одна інструкція, багато змінних
Ви можете оголосити багато змінних в одній інструкції.
Почніть інструкцію з var і розділіть змінні комою:
var person = "John Doe", carName = "Volvo", price = 200;
Спробуйте самі »
Оголошення може займати кілька рядків:
var person = "John Doe",
carName = "Volvo",
price = 200;
Спробуйте самі »
Значення = undefined (не визначено)
У комп’ютерних програмах змінні часто оголошуються без значення. Значення може бути чимось, що має бути розраховане, або щось, що буде надано пізніше, наприклад, введення користувача.
Змінна, оголошена без значення, матиме значення undefined.
Змінна carName буде мати значення undefined після виконання цієї інструкції:
Повторне оголошення змінних JavaScript
Якщо ви знову оголосите змінну JavaScript, вона не втратить свого значення.
Змінна carName, як і раніше, матиме значення "Volvo" після виконання цих інструкцій:
JavaScript Арифметика
Як і у випадку з алгеброю, ви можете виконувати арифметику зі змінними JavaScript, використовуючи такі оператори, як = та +:
Ви також можете додати рядки, але рядки будуть об’єднані:
Також спробуйте це:
Якщо взяти число в лапки, решта цифр буде вважатися рядками та об’єднається.
Тепер спробуйте це:
Примітка. Дана стаття є архівною і дещо застаріла. Новішу версію дивіться за цим посиланням.
