Elementor Header #8

24. Выбор имени переменной

Выбор правильного имени для переменной — это важный аспект программирования. Хорошо выбранные имена переменных делают код более читабельным и понятным, что облегчает его поддержку и масштабирование. В этом уроке мы рассмотрим, как выбирать имена переменных, какие правила и соглашения следует учитывать, а также распространенные ошибки при именовании переменных.

Основные концепции

Правила именования переменных:

  • Имена переменных могут содержать буквы, цифры, символы $ и _, но не могут начинаться с цифры.
  • Имена переменных чувствительны к регистру (age и Age — разные переменные).
  • Не используйте зарезервированные ключевые слова JavaScript (например, let, var, const, if, for и т.д.) в качестве имен переменных.
				
					let age = 25;      // корректное имя
let $price = 100;  // корректное имя
let _temp = 30;    // корректное имя
let 2value = 50;   // ошибка: имя переменной не может начинаться с цифры

				
			

Соглашения об именовании переменных:

Используйте верблюжий стиль (camelCase) для имен переменных и функций:

  • Пример: userName, totalAmount, isLoggedIn.

Для констант используйте верхний регистр и подчеркивание (snake_case):

  • Пример: MAX_VALUE, PI.

Имена переменных должны быть описательными и отражать их содержимое или предназначение.

  • Пример: userAge вместо a, totalPrice вместо tp.

Примеры хороших и плохих имен переменных:

Хорошие имена:

				
					let userName = 'Alice';
let totalAmount = 1500;
let isLoggedIn = true;
const MAX_SPEED = 120;

				
			

Плохие имена:

				
					let x = 25;        // не описывает, что хранится в переменной
let a = 'Alice';   // не описывает, что хранится в переменной
const PI_VALUE = 3.14;  // лучше использовать просто PI

				
			

Использование значимых имен:

  • Выбирайте имена, которые четко описывают назначение переменной. Это поможет другим разработчикам (и вам в будущем) быстрее понять, что делает код.

				
					// Плохое имя
let d = new Date();

// Хорошее имя
let currentDate = new Date();

				
			

Использование соглашений и стандартов:

  • Старайтесь следовать стандартам и соглашениям, принятым в команде или проекте. Это улучшит читаемость и поддерживаемость кода.

Примеры выбора имени переменных

Имена для числовых значений:

				
					let itemsCount = 5;
let userAge = 30;

				
			

Имена для строковых значений:

				
					let userName = 'Bob';
let userEmail = 'bob@example.com';

				
			

Имена для булевых значений:

				
					let isUserLoggedIn = true;
let hasAccess = false;

				
			

Имена для объектов и массивов:

				
					let user = {
  name: 'Charlie',
  age: 25
};

let shoppingList = ['apples', 'bananas', 'oranges'];

				
			

Имена для функций:

				
					function calculateTotalPrice(price, tax) {
  return price + tax;
}

function isValidEmail(email) {
  // проверка валидности email
}

				
			

Распространенные ошибки

Использование слишком коротких или неописательных имен:

Избегайте использования односимвольных имен, за исключением случаев, когда это имеет смысл (например, в коротких циклах).

				
					let a = 10; // Плохое имя
let userAge = 10; // Хорошее имя

				
			

Использование зарезервированных ключевых слов:

Избегайте использования зарезервированных ключевых слов в качестве имен переменных.

				
					// let for = 10; // Ошибка: "for" - зарезервированное слово

				
			

Использование разных стилей именования:

Старайтесь придерживаться одного стиля именования на протяжении всего проекта.

				
					let user_name = 'Alice'; // snake_case
let userAge = 25; // camelCase
// Лучше выбрать один стиль и придерживаться его

				
			

Имена, не отражающие содержание переменной:

Избегайте имен, которые не помогают понять, что хранится в переменной.

				
					let data = 123; // Плохое имя
let userId = 123; // Хорошее имя

				
			

Заключение

Выбор хороших имен для переменных — это навык, который приходит с практикой. Правильные имена переменных делают код более понятным и легким для сопровождения. Старайтесь следовать правилам и соглашениям по именованию переменных, чтобы ваш код был читабельным и понятным для всех, кто с ним работает.

Тестовое задание

  1. Объявите переменную с хорошим именем для хранения количества товаров в корзине.
  2. Объявите переменную с хорошим именем для хранения электронной почты пользователя.
  3. Объявите константу для хранения максимального количества попыток входа в систему.

Пример решения:

				
					// Задание 1
let itemsInCart = 5;

// Задание 2
let userEmail = 'user@example.com';

// Задание 3
const MAX_LOGIN_ATTEMPTS = 3;

				
			

Этот урок поможет вам лучше понять, как правильно выбирать имена переменных в JavaScript, и научит избегать распространенных ошибок при их именовании.

logo