Пошук уроків, статей та іншого контенту
Розберіть правила та обмеження для назв змінних у JavaScript. Навчіться обирати зрозумілі й послідовні назви, які роблять код легшим для читання.
Ім’я змінної — це назва, за якою JavaScript звертається до значення в пам’яті.
let userName = "Олена";
let age = 25;
console.log(userName);
console.log(age);У цьому прикладі:
userName — ім’я змінної;
"Олена" — значення змінної;
age — інше ім’я змінної;
25 — її значення.
Правильно вибрані імена допомагають зрозуміти код без додаткових пояснень.
Порівняйте:
let x = 25;
let userAge = 25;Обидві змінні містять однакове значення, але userAge одразу пояснює, що саме зберігається.
Імена змінних у JavaScript мають відповідати певним правилам.
_ і $let userName = "Іван";
let user2Name = "Марія";
let _temporaryValue = 10;
let $price = 99;Однак символи _ і $ краще використовувати лише тоді, коли це відповідає домовленостям проєкту.
let user1 = "Олена"; // ПравильноТакий запис викличе синтаксичну помилку:
// let 1user = "Олена"; // НеправильноЯкщо в імені потрібна цифра, вона може бути не першою:
let address2 = "Друга адреса";
let level3Score = 100;Пробіл розділяє окремі частини JavaScript-коду, тому такі імена недопустимі:
// let user name = "Олена"; // НеправильноЗамість пробілів використовуйте стиль camelCase:
let userName = "Олена";
let deliveryAddress = "вул. Шевченка, 10";Дефіс - у JavaScript є оператором віднімання:
// let user-name = "Олена"; // JavaScript сприймає це як user - nameВикористовуйте camelCase:
let userName = "Олена";
let productPrice = 500;JavaScript має службові слова, які використовуються самим мовним синтаксисом. Їх не можна використовувати як імена змінних.
Наприклад:
// let class = "course"; // Неправильно
// let return = 10; // Неправильно
// let function = 5; // НеправильноДо зарезервованих слів належать, зокрема:
let
const
var
if
else
for
while
function
return
class
new
true
false
null
Для змінних обирайте описові назви, які не конфліктують із синтаксисом JavaScript.
userName, username і UserName — це три різні імена.
let userName = "Олена";
let username = "Іван";
console.log(userName); // Олена
console.log(username); // ІванЗміна регістру може призвести до помилки:
let city = "Львів";
// console.log(City); // Помилка: змінної City не існуєУ JavaScript для змінних і функцій зазвичай використовують camelCase:
перше слово починається з малої літери;
кожне наступне слово — з великої;
пробіли та дефіси не використовуються.
let firstName = "Олена";
let lastName = "Коваль";
let totalPrice = 1250;
let isUserLoggedIn = true;camelCase є стандартним і найпоширенішим стилем для JavaScript-коду.
Для значень, які не змінюються під час роботи програми, часто використовують UPPER_SNAKE_CASE:
const MAX_LOGIN_ATTEMPTS = 3;
const API_URL = "https://example.com";Такий стиль особливо зручний для глобальних або загальних налаштувань.
Проте не кожна змінна, оголошена через const, повинна мати назву великими літерами. Наприклад:
const userName = "Олена";
const currentDate = new Date();const означає, що змінній не можна призначити нове значення. Це не обов’язково означає, що значення є загальною константою програми.
Імена з нижнім підкресленням також дозволені:
let _internalValue = 10;Але це радше домовленість, ніж особлива можливість JavaScript. У різних проєктах _ може означати внутрішнє або службове значення.
Назва має пояснювати призначення змінної.
Порівняйте:
let a = 500;
let productPrice = 500;Другий варіант зрозуміліший: з нього видно, що число є ціною товару.
let userAge = 30;
let cityName = "Київ";
let shoppingCartItems = 4;Не варто використовувати занадто загальні назви:
let value = 30;
let data = "Київ";
let result = 4;Такі імена не пояснюють, що саме містить змінна.
Змінні, які містять true або false, зручно починати словами:
is — чи є;
has — чи має;
can — чи може;
should — чи потрібно.
let isOnline = true;
let hasAccess = false;
let canEdit = true;
let shouldSendEmail = false;Так код читається майже як речення:
if (isOnline && hasAccess) {
console.log("Користувач має доступ");
}Якщо змінна містить один об’єкт, використовуйте форму однини:
let user = {
name: "Олена"
};Якщо змінна містить кілька об’єктів, використовуйте форму множини:
let users = [
{ name: "Олена" },
{ name: "Іван" }
];Те саме стосується масивів:
let product = "Ноутбук";
let products = ["Ноутбук", "Телефон", "Планшет"];let usrNm = "Олена";
let userName = "Олена";userName зрозуміле без додаткових пояснень, а usrNm потребує розшифрування.
Поширені скорочення можна використовувати, якщо вони загальновідомі в проєкті:
let userId = 15;
let htmlContent = "<p>Текст</p>";Але краще дотримуватися одного стилю в усьому коді.
JavaScript підтримує Unicode, тому технічно можна використовувати українські літери:
let імʼя = "Олена";
console.log(імʼя);Такий код є допустимим, але в більшості JavaScript-проєктів імена пишуть латиницею:
let userName = "Олена";Латинські назви є звичнішими для командної розробки, бібліотек і більшості інструментів програмування.
const TAX_RATE = 0.2;
let productName = "Рюкзак";
let productPrice = 1200;
let productQuantity = 2;
let hasDiscount = true;
let totalPrice = productPrice * productQuantity;
if (hasDiscount) {
totalPrice = totalPrice * (1 - TAX_RATE);
}
console.log(`${productName}: ${totalPrice} грн`);У цьому прикладі:
TAX_RATE — загальна константа;
productName — назва товару;
productPrice — ціна одного товару;
productQuantity — кількість товарів;
hasDiscount — логічна змінна;
totalPrice — підсумкова ціна.
З імен зрозуміло, за що відповідає кожна змінна.
let, const і стиль іменВибір ключового слова не змінює правил іменування:
const userName = "Олена";
let loginAttempts = 0;
loginAttempts = loginAttempts + 1;const використовуйте, якщо змінній не потрібно призначати нове значення;
let використовуйте, якщо значення може змінюватися;
var у сучасному коді зазвичай не використовують для нових змінних.
Важливо не плутати const із правилом написання назви великими літерами. Це різні речі:
const userName = "Олена"; // локальне значення, яке не перепризначується
const MAX_USERS = 100; // загальна константа програмиlet d = 7;
let daysUntilDelivery = 7;Кращий варіант — daysUntilDelivery.
let result = 1500;
let orderTotal = 1500;Кращий варіант — orderTotal, якщо змінна містить загальну суму замовлення.
let userName = true;Назва userName натякає на текст, але змінна містить логічне значення. Краще:
let isUserActive = true;Однолітерні назви можуть бути зрозумілими в коротких математичних виразах або циклах:
for (let i = 0; i < 3; i++) {
console.log(i);
}Але для даних програми краще використовувати описові назви:
let customerEmail = "user@example.com";let userName = "Олена";
let user_age = 25;
let UserCity = "Львів";Технічно ці імена допустимі, але код стає непослідовним. Краще обрати один стиль:
let userName = "Олена";
let userAge = 25;
let userCity = "Львів";let totalPrice = 100;
// console.log(totalprice); // Помилка: це інше ім’яПеревіряйте написання імені, особливо якщо воно складається з кількох слів.
let string = "Олена";
let number = 25;
let array = ["JavaScript", "HTML"];Такі назви не пояснюють призначення даних. Краще:
let userName = "Олена";
let userAge = 25;
let courseNames = ["JavaScript", "HTML"];// let new = "нове значення"; // НеправильноДодайте уточнення:
let newValue = "нове значення";Описова назва корисна, але вона не повинна перетворюватися на ціле речення:
let numberOfProductsThatUserAddedToTheShoppingCart = 3;Коротший і достатньо зрозумілий варіант:
let cartItemCount = 3;Під час вибору назви перевірте:
Чи зрозуміло, які дані містить змінна?
Чи відповідає назва значенню та призначенню змінної?
Чи використано стиль camelCase?
Чи немає пробілів, дефісів або цифри на початку?
Чи не є назва зарезервованим словом?
Чи однаково написані схожі змінні в усьому проєкті?
Чи не є назва надто короткою або надто загальною?
Ім’я змінної може містити літери, цифри, _ і $.
Ім’я не може починатися з цифри.
У назвах не можна використовувати пробіли та дефіси.
Зарезервовані слова JavaScript не можна використовувати як імена змінних.
JavaScript розрізняє великі та малі літери.
Для змінних і функцій зазвичай використовують стиль camelCase.
Для логічних значень зручно використовувати префікси is, has, can або should.
Назви мають бути зрозумілими, послідовними та відповідати призначенню даних.
const і написання назви великими літерами — не одне й те саме.
Якісні імена роблять код читабельнішим і спрощують його підтримку.