{"id":4093,"url":"\/distributions\/4093\/click?bit=1&hash=572414f048fd940828f35b0d46d6210a2c91bd9267922fbe28005f6aba01f505","title":"\u0417\u0434\u0435\u0441\u044c \u0432\u0441\u0435 \u2014 \u00ab\u0421\u0431\u0435\u0440\u00bb, \u00ab\u042f\u043d\u0434\u0435\u043a\u0441\u00bb, VK \u0438 Kaspersky","buttonText":"","imageUuid":""}

Именование переменных в JavaScript

Имена переменных

При именовании переменных нам нужно придерживаться определенных правил:

1. Имя переменной должно содержать только буквы, цифры или символы $ и _.

let user = 'John'; let $user = 'Alice'; let _user = 'Pete'; let user2 = 'Antony'; let u2s3e4r = 'Alex'; // Так лучше не делать, но это будет работать

2. Первый символ в имени не должен быть цифрой.

let 10user = 'Nick'; // Ошибка!

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

let mentor = 'John Doe'; // Good let ментор = 'Alice Cooper'; // Bad

4. Имя переменной должно отражать смысл того что она хранит.

let age = 20; let color = 'red'; let sum = 10 + 10; let salary = '0$';

Как быть если имя переменной должно состоять из нескольких слов ? На самом деле у есть много стилей именования переменных.
Например:

let snake_case = 'Слов пишутся без пробелов, вместо пробела используется символ _'; let PascalCase = 'Слова пишутся без пробелов и все с большой буквы'; let camelCase = 'Слова пишутся без пробелов, начиная со второго слова все пишутся с большой буквы'; let kebab-case = 'Слов пишутся без пробелов, вместо пробела используется символ -';

В JS вызывает ошибки так как символ '-' не разрешен для использования в именах переменных, также kebab-case еще называю шашлычным регистром. При написании кода на JavaScript мы в основном используем camelCase.

let userAge = 20; let userFirstName = 'John'; let userLastName = 'Doe'; let userFullName = userFirstName + ' ' + userLastName; let userSuperLongVariableName = 'Value';

Константы

Все вышеперечисленное прекрасно подходи и для именования констант. Но также, иногда, для трудно запоминаемых значений которые известны еще до начала выполнения скрипта, константы именуют в верхнем регистре используя snake_case.

const API_URL = 'https://api.url/posts'; const DATABASE_NAME = 'junjun_db'; const COLOR_WHITE = '#ffffff'; const COLOR_BLACK = '#000000';

Для получения более полной информации рекомендую посмотреть соответствующий урок прикрепленный в самом начале материала.

P.S. Больше уроков у меня на канале

0
12 комментариев
Написать комментарий...
Zirak Zigil

Урок по именованию переменных? Если уж к этому всё идёт, то я как никогда спокоен за свою карьеру.

Ответить
Развернуть ветку
Dk

Следующий урок по складыванию чисел

Ответить
Развернуть ветку
Vladimir Shaitan
Автор

))

Ответить
Развернуть ветку
Vladimir Shaitan
Автор

Вообще это должно было стать частью урока о переменных и константах: но я решил разделить.

Вот весь плейлист: https://www.youtube.com/playlist?list=PL66qhubfOwjbSEqrenz1uAWfPDUNzhqv9

Ответить
Развернуть ветку
Абдулла Хамзин

Ах твои уроки как серпом по яйцам)
F11 в студии развернет ее на весь экран чтобы не показывать панель винды.
к примеру китайские прогеры не стесняются называть переменные китайскими символами (йероглифами), также не парятся насчет camelCase или snake_case, и это правильно надо писать чтобы удобно читалось и многие считают что snake_case в скоростном чтении выигрывает, но есть набор правил которые продвигают иностранные компании которые ты и выставил как золотой стандарт, что на самом деле не так. А лучше всего использовать смешанный стиль, так можно будет сразу определять где и что как в примере с константами. Но я не придираюсь просто от нечего делать комментирую-умничаю

Ответить
Развернуть ветку
Vladimir Shaitan
Автор

Все норм, каждое мнение имеет право на существование.

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

Ответить
Развернуть ветку
Vladimir Shaitan
Автор

По поводу camelCase есть стандарты принятые в рамках языка программирования, если мы говорим о JS то стандарт именования переменных это CamelCase.

Советую ознакомится со следующими материалами:
Вики (глава о JS) - https://ru.wikipedia.org/wiki/%D0%A1%D0%BE%D0%B3%D0%BB%D0%B0%D1%88%D0%B5%D0%BD%D0%B8%D1%8F_%D0%BE%D0%B1_%D0%B8%D0%BC%D0%B5%D0%BD%D0%B0%D1%85_(%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5)#JavaScript

И еще пара ресурсов:

https://www.crockford.com/code.html

https://codeburst.io/5-javascript-style-guides-including-airbnb-github-google-88cbc6b2b7aa

Ответить
Развернуть ветку
Vladimir Shaitan
Автор

F11 в студии развернет ее на весь экран чтобы не показывать панель винды.

- Я в курсе, спасиб

Ответить
Развернуть ветку
Регис Эмиель

Не нужно. Желательно (=

Ответить
Развернуть ветку
Vladimir Shaitan
Автор

Вы о чем ?

Ответить
Развернуть ветку
Dk

Ты просто пересказываешь learnjavascript?

Ответить
Развернуть ветку
Vladimir Shaitan
Автор

Не совсем, можете сравнить дословно если интересно )

Ответить
Развернуть ветку
5 комментариев
Раскрывать всегда
null