Найти в Дзене
learn.js
5 подписчиков

Хорошие практики в JavaScript: работа с переменными

10
1 мин
В данной рубрике я постараюсь передать Вам весь опыт который успел накопить. Начнем с простого и будем переходить к более сложному. VAR vs LET & CONST В JavaScript можно объявить переменную 3 способами: var x; const x; let x; Но между ними есть большая разница. Объявление через var разрешает использование переменной в рамках текущего замыкания, тогда как объявление через let и const использование переменной в рамках текущего блока.
Пример: Важно: здесь и далее я буду использовать ES6 синтаксис. () => {
if(true){
let x = 1;
}
console.log(x); // ReferenceError: x is not defined
} Тогда как: () => {
if(true){
var x = 1;
}
console.log(x); // 1
} Отличие же let от const в том что const можно объявить лишь с присвоением и изменить эту переменную после уже невозможно. Я рекомендую использовать let и const потому как Вы не столкнетесь с проблемами hoisting-a переменных и интуитивно будете понимать как поведут себя Ваши переменные. При использ
Оглавление

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

VAR vs LET & CONST

В JavaScript можно объявить переменную 3 способами:

var x;
const x;
let x;

Но между ними есть большая разница. Объявление через var разрешает использование переменной в рамках текущего замыкания, тогда как объявление через let и const использование переменной в рамках текущего блока.
Пример:

Важно: здесь и далее я буду использовать ES6 синтаксис.

() => {
if(true){
let x = 1;
}
console.log(x); // ReferenceError: x is not defined
}

Тогда как:

() => {
if(true){
var x = 1;
}
console.log(x); // 1
}

Отличие же let от const в том что const можно объявить лишь с присвоением и изменить эту переменную после уже невозможно.

Я рекомендую использовать let и const потому как Вы не столкнетесь с проблемами hoisting-a переменных и интуитивно будете понимать как поведут себя Ваши переменные. При использовании let в цикле, для каждой итерации создаётся своя переменная.

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

На имя переменной в JavaScript наложены всего два ограничения.

  • Имя может состоять из: букв, цифр, символов $ и _
  • Первый символ не должен быть цифрой.

Хорошим тоном будет если Ваши переменные соответствуют следующим критериям (список не является исчерпывающим и служит лишь ориентиром):

  • Все имена переменных на английском языке

    Хорошо:     let price;
    Плохо:     let tsena;
  • Использовать короткие имена только для переменных небольших фрагментов кода

    Хорошо:     for(let a = 0; a < someLength; a++);
    Плохо:     let a = new OwnApplicationClass();
  • Многословные имена переменных написаны camelCase-ом или через _

    Хорошо:     let someVariable = 1; let some_variable = 1;
    Плохо:     let somevariable = 1;
  • И наконец самое главное - имя переменной должно максимально чётко соответствовать хранимым в ней данным

    Хорошо: let leftBorderWidth = 1;
    Плохо: let lbw = 1;

На этом все, спасибо что прочли до конца и надеюсь эта статья поможет Вам стать лучше.

Подписывайтесь на канал что бы не пропустить свежие публикации.