Посмотрите мою работу на Github и мою страницу на LinkedIn.

Краткое руководство по именам переменных JavaScript и тому, как они влияют на ваш код

Когда я приближаюсь ко второй половине моего буткемпа по программированию во Flatiron, я недавно начал изучать JavaScript. Я сразу же был сбит с толку всеми вариантами именования переменных, которые у меня были. Но по мере того, как я работал с JavaScript, стало яснее, когда их следует использовать. Мне говорили, что var следует избегать, но я так и не понял, почему. Если вы начинаете изучать JavaScript и у вас есть похожие вопросы, я надеюсь, вы узнаете что-то новое из этого блога!

Вар

До введения ES6 var был единственным доступным типом объявления переменных, но с ним были проблемы. В основном это область действия, var имеет глобальную область действия, если она объявлена ​​вне функции, то есть она доступна в любом месте внутри документа, однако внутри функции она в пределах функции, что означает, что он доступен только внутри функции. Итак, вы можете подумать, что с этой информацией я могу обойти это, ну и что? Проблема заключается в том, что переменную var можно повторно объявить, а это означает, что ошибка и повторное использование той же переменной позже в вашем коде может вызвать серьезные проблемы. Let и const были введены в 2015 году, чтобы смягчить эти проблемы.

Позволять

Let по-прежнему позволяет вам обновлять значение переменной, однако вы не можете повторно объявить ее. Если вас это смущает, не волнуйтесь, я тоже! Когда вы впервые устанавливаете переменную, вы должны сказать:

пусть имя_переменной = «Это»

Позже в вашем коде повторное использование переменной приведет к ошибке.

let variableName = «Это» // ожидаемый вывод: ошибка: идентификатор «variableName» уже определен

Однако вы можете обновить его, опустив let

variableName = «Как насчет сейчас»

console.log(имя_переменной); // ожидаемый результат: «Как насчет сейчас»

Let также имеет блочную область действия, что означает, что его значение может меняться в зависимости от того, где вы его вызываете. Область действия функции и область действия блока иногда могут совпадать, область действия блока — это просто причудливый способ сказать что-либо между фигурными скобками { — — это область действия блока — {это меньший блок} — — }

Постоянная

Последняя переменная, const, очень похожа на let, за тем большим исключением, что однажды созданная переменная не может быть переопределена. Пока пусть радуется переименованию снова и снова, const выдаст ошибку

const x = 1;
const x = 3;
console.log(x) // expected result: Uncaught SyntaxError: Identifier 'x' has already been declared

Однако из-за области видимости блока const МОЖЕТ быть переобъявлен с помощью «const =»

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

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