7 методов создания полезных переменных JavaScript

7 способов создания полезных переменных JavaScript

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

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

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

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

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

JavaScript

У этой практики есть еще одно преимущество. Поиск переменних станет легче. Когда вы желаете найти переменную со счетами, проще находить «fileWithBills» или «bills», чем «fl», «flb», «bls» либо что-то еще, что приходило на разум во время написания кода. Считайте это время сэкономленным в будущем.

Используйте локальные переменные

Когда вы объявляете переменные, обычно лучше сделать их локальными. Это поможет избежать случайных колизий. Самое главное, это поможет вам избежать загрязнения глобального места имен переменнымых, которое в какой-то момент может стать сверхизбыточными. Поэтому старайтесь не объявлять переменные глобальными по умолчанию.

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

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

JavaScript

Используйте let и const заместо var

При объявлении переменных JavaScript, предпочитают использовать let и const переменные. Эти две переменные не инициализируются во время поднятия (hoisting). Переменная var — инициализируется, и время от времени это может привести к проблемам.

JavaScript

В отличие от var, let и const также являются переменными с блочной областью видимости. Когда вы объявите их в каком-то блоке кода, они будут видны и доступны только там. Это значит, что переменные let и const, объявленные снутри блока кода не будут пересекатся с переменными, с тем же именованием, объявленная вне этого блока.

Под блоками кода мы также говорим о блоках, сделанных с помощью операторов if… else и циклов. Это не относится к переменным var. Переменная var имеет внеблочную область видимости. Она работает только в 2-ух областях: глобальной и локальной (область деяния). Объявление переменной var внутри блочного кода, который не является телом функции, либо внутри него, приведет к глобальной переменной.

Эта переменная будет видима и доступна отовсюду и может конфликтовать с другими переменными.

JavaScript

Используйте по одному let и const для каждого присваивания

Может показаться, что эта практика имеет наименьшее влияние, но она все же может несмотря на то что бы немного облегчить вашу работу. Есть две предпосылки для использования одного let и const для каждого присвоения. 1-ая причина заключается в том, что одно let и const присвоение позволяет вам пройтись отладчиком по каждому объявлению (в инструментах разработки).

Это может упростить работу с кодом и отладить потенциальные трудности. Вторая причина — избежать случайной подмены запятой (,) точкой с запятой (;) и напротив. Это может произойти как при написании кода, так и при его чтении. Ну в особенности когда читаешь. Легко спутать «,» с «»».

JavaScript

Инициализировать переменные при их объявлении

Есть две предпосылки, по которым лучше инициализировать переменные JavaScript при их объявлении. 1-ая причина в том, что это помогает избежать возможных ошибок, когда некоторая переменная не определена. Время от времени такое бывает. Очень легко объявить переменную и сослаться на нее, перед ее инициализацией.

2-ая причина чисто прагматическая и эстетическая. Инициализация переменных при их объявлении помогает сделать код короче. Выполняя эти две задачки по отдельности, вам понадобятся две строчки или больше. Для их одновременного выполнения требуется всего одна строчка кода или, по крайней мере, меньше строк, чем другой вариант.

JavaScript

Объявлять переменные в верхней части

По способности старайтесь объявить переменные JavaScript в верхней части текущей области видимости. Это служит трем целям. Во-1-х, это помогает сделать ваш код чище. Когда вы и другие люди, работающие с вашим кодом, понимаете, что все переменные объявлены наверху области, они знают, где их находить, когда им будет нужно.

Без этой практики вам пришлось бы находить конкретную переменную в коде. Вторая причина заключается в том, что это помогает избежать ссылок на переменные до их определения. Когда все переменные объявлены вверху, все следующее может безопасно ссылаться на эти переменные (если вы работаете с let либо const).

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

Создавайте переменные там, где вы их используете

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

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

JavaScript

Заключение: 7 приемов сотворения хороших переменных JavaScript

Именование переменных JavaScript не имеет ничего общего с наукой о ракетах. Есть несколько просто реализуемых приемов, которые упростят вашу работу. Я надеюсь, что эти семь, которые мы обсудили, посодействуют вам создать хорошие переменные JavaScript и сделать ваш код чище.

Создатель: Alex Devero

По материалам webformyself.com

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *