JavaScript виконання коду JavaScript підключення зовнішнього файлу JavaScript console.log JavaScript змінні і константи JavaScript типи даних JavaScript операції зі змінними JavaScript перетворення даних JavaScript масиви JavaScript умовні конструкції JavaScript цикли JavaScript функції JavaScript область видимості змінних JavaScript замикання і функції IIFE JavaScript Паттерн Модуль JavaScript рекурсивні функції JavaScript перевизначення функцій JavaScript hoisting JavaScript передача параметрів за значенням і за посиланням JavaScript стрілочні функції JavaScript ООП Object JavaScript ООП вкладені об'єкти і масиви в об'єктах JavaScript ООП перевірка наявності і перебір методів і властивостей JavaScript ООП об'єкти у функціях JavaScript ООП конструктори об'єктів JavaScript ООП розширення об'єктів. prototype JavaScript ООП інкапсуляція JavaScript ООП Функція як об'єкт. Методи call і apply JavaScript ООП спадкування JavaScript ООП Ключове слово this JavaScript ООП Object destructuring JavaScript ООП класи JavaScript ООП Date. Робота з датами JavaScript Об'єкт Math. математичні операції JavaScript Об'єкт Array. Робота з масивами JavaScript ООП об'єкт Number JavaScript String JavaScript String Об'єкт RegExp. Регулярні вирази JavaScript String Регулярні вирази в методах String JavaScript String Синтаксис регулярних виразів JavaScript Робота з браузером і BOM JavaScript діалогові вікна JavaScript Історія браузера. об'єкт history JavaScript об'єкт location JavaScript об'єкт navigator JavaScript таймери JavaScript DOM Введення JavaScript DOM Об'єкт document. Пошук елементів JavaScript DOM Властивості об'єкта document JavaScript DOM Об'єкт Node. Навігація по DOM JavaScript DOM Створення, додавання і видалення елементів веб-сторінки JavaScript DOM Об'єкт Element. управління елементами JavaScript DOM Зміна стилю елементів JavaScript події. Введення в обробку подій. JavaScript події обробники JavaScript події. об'єкт Event JavaScript події. поширення подій JavaScript події миші JavaScript події клавіатури JavaScript FORMS. Форми і їх елементи JavaScript FORMS. Кнопки JavaScript FORMS. текстові поля JavaScript FORMS. Прапорці та перемикачі JavaScript FORMS. Список select JavaScript JSON JavaScript зберігання даних. cookie JavaScript зберігання даних. Web Storage JavaScript Collection. Ітератори JavaScript Collection. Генератори JavaScript Collection. Множина Set JavaScript Collection. Map JavaScript Collection. WeakSet і WeakMap JavaScript AJAX. XMLHttpRequest JavaScript AJAX. Відправка даних JavaScript AJAX. Promise в Ajax-запитах

JavaScript змінні і константи


Основи javascript


Змінні і константи

Для зберігання даних в програмі використовуються змінні . Змінні призначені для зберігання будь-яких тимчасових даних або таких даних, які в процесі роботи можуть змінювати своє значення. Для створення змінних застосовуються ключові слова var і let . Наприклад, оголосимо змінну myIncome :

var myIncome;
// інший варіант
let myIncome2;

Кожна змінна має ім'я. Ім'я являє собою довільний набір алфавітно-цифрових символів, знака підкреслення ( _ ) або знака долара ( $ ), причому назви не повинні починатися з цифрових символів. Тобто ми можемо використовувати в назві літери, цифри, підкреслення. Однак всі інші символи заборонені.

Наприклад, правильні назви змінних:

$commision
someVariable
product_Store
income2
myIncome_from_deposit

Наступні назви є некоректними і не можуть використовуватися:

222lol
@someVariable
my%percent

Також не можна давати змінним такі імена, які збігаються з зарезервованими ключовими словами. В JavaScript не так багато ключових слів, тому даного правила не складно дотримуватися. Наприклад, наступна назва буде некоректною, тому що for - ключове слово в JavaScript:

var for;

Список зарезервованих слів в JavaScript:

abstract, boolean, break, byte, case, catch, char, class, const, continue, debugger, default, delete, do, double, else, enum, export, extends, false, final, finally, float, for, function, goto, if, implements, import, in, instanceof, int, inteface, long, native, new, null, package, private, protected, public, return, short, static, super, switch, synchronized, this, throw, throws, transient, true, try, typeof, var, volatile, void, while, with.

При назві змінних треба враховувати, що JavaScript є чутлива до регістру мова, тобто в наступному коді оголошено дві різні змінні:

var myIncome;
var MyIncome;

Через кому можна визначити відразу кілька змінних:

var myIncome, procent, sum;
let a, b, c;

За допомогою знака дорівнює  = (який ще називають оператором присвоювання ) можна привласнити змінній якесь значення:

var income = 300;
let price = 76;

Процес присвоєння змінній початкового значення називається ініціалізацією .

Тепер змінна income буде зберігати число 300 , а змінна price - число 76 .

Відмінною рисою змінних є те, що ми можемо змінити їх значення:

var income = 300;
income = 400;
console.log(income);
 
let price = 76;
price = 54;
console.log(price);

константи

За допомогою ключового слова const можна визначити константу , яка, як і змінна, зберігає значення, проте це значення не може бути змінено.

const rate = 10;

Якщо ми спробуємо змінити її значення, то ми зіткнемося з помилкою:

const rate = 10;
rate = 23;  // помилка, rate - константа, тому ми не можемо змінити її значення

Також варто відзначити, що оскільки ми не можемо змінити значення константи, то вона повинна бути ініціалізована , тобто при її визначенні ми повинні надати їй початкове значення. Якщо ми цього не зробимо, то знову ж таки ми зіткнемося з помилкою:

const rate; // помилка, rate не ініціалізована

Наш партнер:
beta test mp3 playlist downloader