Стиль кодирования JavaScript
В каждом языке программирования очень важны стили кодирования. Стиль кодирования не только хорошо выглядит, но и помогает легко понять код. Вот почему мы должны изучить стиль кодирования и следовать ему, чтобы повлиять на наш код.
Синтаксис очень важен для стиля написания кода. Я упоминаю некоторые правила стиля синтаксиса ниже
- Нет пробела между именем функции и параметром
- Пробел между параметрами
- Фигура { в той же строке после пробела
- Пустая строка между логическими блоками
- Пробелы вокруг вложенного вызова
- Остальное без разрыва строки
- Пробелы вокруг операторов
- Очереди не очень длинные
- Точка с запятой обязательна
Теперь я подробно обсуждаю правила
Фигурные скобки:
Когда мы пишем условие в JavaScript, мы должны использовать фигурные скобки в той же строке с пробелом после условия.
Пример-
If (n < 0) {
alert(`Число ${n} отсутствует`);
}
Длина линии:
В коде следует избегать длинных горизонтальных строк. Это мешает читателю, вы можете использовать обратные кавычки, чтобы разделить строки. Максимальная длина строки должна быть 80–120 символов.
Пример-
const пункт = `
Португальские корабли из Гоа и Малакки стали часто заходить в порт.
город в 16 веке. Система картаз была введена и потребовала
всем кораблям в этом районе покупать лицензии на морскую торговлю у
Португальское поселение. Процветала работорговля и пиратство.
`;
Отступы:
Существует идеальное пространство для горизонтальных и вертикальных отступов. Отступы по горизонтали должны быть 2 или 4 пробела, а по вертикали — пустая одна строка.
Пример-
4 пробела слева
const пункт = `
Португальские корабли из Гоа и Малакки стали часто заходить в порт.
город в 16 веке.
`;
1 пустой разрыв строки по вертикали
const Offering = ‘Быстрая коричневая лиса перепрыгивает через ленивую собаку.’;
//
постоянный индекс = 1;
Точка с запятой:
После каждого оператора точка с запятой обязательна.
Пример-
постоянный индекс = 1;
Комментарии:
Вы должны добавить комментарии, чтобы легко объяснить используемый код в любом месте кода. Но вы должны быть осторожны с использованием комментариев.
Некоторые основные правила-
Используйте меньше слов и объясните, что именно вы хотите сделать в этом коде.
При импорте любой ссылки вы можете добавить комментарий о причине использования
Вы можете использовать комментарий, чтобы кратко объяснить любую функцию
Автоматизированные линтеры:
Вы можете использовать автоматические линтеры для автоматической проверки правильных стилей для вашего кода. Автоматические линтеры также проверяют небольшие ошибки в коде.
Некоторые популярные линтеры-
JSLint
JSHint
ESLint
Уровень вложенности:
Следует избегать глубокой вложенности функций.
Пример-
функция pow(x, n) {
if (n < 0) {
Сообщить("Отрицательно и не поддерживается");
возвращение;
}
пусть результат = 1;
для (пусть i = 0; i ‹ n; i++) {
результат *= х;
}
вернуть результат;
}
Размещение функции:
Вы можете размещать функции двумя разными способами.
- Сначала код, затем функция или
- Первая функция коды
Пример-
// функция
функция создатьЭлемент() {
…
}
функция setHandler (элемент) {
…
}
функция ходить вокруг () {
…
}
// коды
пусть элемент = создатьЭлемент();
установить обработчик (элемент);
прогуливаться();
Больше стилей кодирования можно найти в руководствах по стилю. Вот некоторые из них, о которых я упоминаю