Стоит ли переходить с var на let и const?

Question

[Ignatiy2]

Начал замечать что очень многие стали использовать вместо var, let и const. Имеет ли такой переход какое-то практическое значение? Или эти ключевые слова нужны лишь для тех кто пришел с языков C? Я понимаю что тот же const может дать какую-то оптимизацию, но наколько это значительно?

Comments

[Сергей delphinpro]

Блин, человек, это надо было сделать несколько лет назад!!! Ты из спячки что ли выпал..

Answer 1

[Андрей Андреев]

ИМХО быстрее было бы бы зайти и почитать https://learn.javascript.ru/let-const чем создавать вопрос.

Answer 2

[Alex]

Это имеет значение для:

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

Comments

[sim3x]

https://ru.wiktionary.org/wiki/интерпретатор

[bro-dev]

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

Answer 3

[dollar]

Нужно использовать и то, и другое одновременно, в зависимости от обстоятельств.

Например, если вы используете Google Script, то var, потому что там что-то типа ES5.
Если шлёте код другу, чтобы он проверил его через консоль браузера, то опять var, потому что если что-то поменяется и надо будет ещё раз проверить, то он запустится без ошибок (о том, что переменная уже объявлена).

С другой стороны, в одном пространстве (например, внутри функции) вы можете использовать несколько одинаковых переменных с помощью let на разных уровнях, и не бояться конфликтов, в то время как через var будет одна и та же переменная. Пример:

for(let i=0;i<2;i++)for(let i=0;i<2;i++)console.log(i); //покажет 4 раза
for(var i=0;i<2;i++)for(var i=0;i<2;i++)console.log(i); //покажет 2 раза

Каждое имеет свои особенности и удобно по-своему.

Comments

[nrgian]

Например, если вы используете Google Script, то var, потому что там что-то типа ES5.

Использовать ES6 без транспиляции все равно еще рано.
А с транспиляцией - уже не важно что там ES5 или еще более древнее.

[nrgian]

for(let i=0;i<2;i++)for(let i=0;i<2;i++)console.log(i); //покажет 4 раза
for(var i=0;i<2;i++)for(var i=0;i<2;i++)console.log(i); //покажет 2 раза

Каждое имеет свои особенности и удобно по-своему.

А вот так лучше не делать вообще.
Про var следует уже забыть полностью.

[Алексей Ярков]

потому что если что-то поменяется и надо будет ещё раз проверить, то он запустится без ошибок (о том, что переменная уже объявлена)

А не проще другу нажать F5? Чет так себе аргумент в пользу var.

[dollar]

Алексей Ярков, хорошо, такой аргумент:
для доступа к переменным другого окна через window удобно создавать глобальные переменные через var, в то время как let создаст как бы локальную переменную, и придется делать геттер/сеттер. Собственно let fn = туда же.

[Алексей Ярков]

dollar,

для доступа к переменным другого окна через window удобно создавать глобальные переменные через var

Видимо у нас разное понятие удобства.
Если мне нужна глобальная переменная, то я пишу window.variable, а не var variable.
Для меня в первую очередь let и const ценны именно областью видимости.
Например такой код:

var days = 25; // Дней в периоде
var period = 3; // Как часто я ем протеин (раз в три дня)
var workDayAmount = 200; // Количество протеина в будние
var weekendAmount = 100; // Количество протеина в выходные
var total = 0;

// мы вводим проверку, делится ли numberOfDays на 3 без остатка. если да, то кормим кота.

for(var name = 1, numberOfDays = 1; numberOfDays <= days; name++, numberOfDays++) {
    if (numberOfDays%3 === 0) {
       if (name >= 1 && name <= 5) {
           total = total + workDayAmount;
       }
       if (name === 6) {
           total = total + weekendAmount;
       }
       if (name === 7) {
          total = total + weekendAmount;
          name = 0;
       }
    }
    else {
        if (name === 7) {
            name = 0;
        }
    }
}

console.log(total);

В браузере выдаст 200, а в Node.js выведет 1400.
И все из-за var name, которая на самом деле window.name.

[dollar]

Алексей Ярков, зачем же использовать свойства самого окна? Таким образом можно всякие scrollY использовать в качестве переменной, а потом удивляться, почему там всё меняется. Даже во времена var код было принято оборачивать в функцию для красоты, удобства и избегания как раз таких вот ошибок.

[Алексей Ярков]

dollar,

var код было принято оборачивать в функцию для красоты, удобства и избегания как раз таких вот ошибок

Вот именно )) И чтобы не заниматься этой фигней можно просто юзать let.

[dollar]

Алексей Ярков, согласен. Только я привел пример, когда нужен доступ из другого окна. Сообщения - асинхронно (не всегда удобно). Геттеры - по сути те же var, только через function. Хранилище - еще больший изврат.

[Антон Швец]

dollar,

для доступа к переменным другого окна через window удобно создавать глобальные переменные через var

Только это не глобальная переменная, а свойство window
Даже window это свойство window, типа window.window
И нет в браузере больше никаких глобальных переменных, настолько я знаю, в var нет никакого смысла.

Answer 4

[nrgian]

Имеет ли такой переход какое-то практическое значение?

Var, let или const? Проблемы областей видимости пе...

Начал замечать что очень многие стали использовать вместо var, let и const

ES6/ES2015 тоже мимо вас прошёл?
ES6, ES8, ES2017: что такое ECMAScript и чем это о...
Не забывайте про транспиляцию.

Answer 5

[ned4ded]

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

Рекомендую ознакомиться, если найдется время airbnb codestyle

Есть, конечно, и практическое значение в использовании const, let и иных фишек es6+, включая иммутабельность значений примитивов первого и скоупов обоих, но раз вы не сталкиваетесь в повседневности с такими проблемами, которые помогают решать константы и блочные переменные, то и знать вам о них, наверное, ни к чему?)

Answer 6

[Morri Sen]

Лично я перешел только из-за того, что var подсвечивался в WebStorm.
Это жутко не нравится и решил что теперь буду писать только let/const =)

Comments

[Владислав Лысков]

потрясающее решение!
на будущее...

Answer 7

[tundramani]

let лучше var и полностью его заменяет

но не работает в IE
https://caniuse.com/#search=let

const можно не использовать вообще

Comments

[Антон Швец]

вот черт. А я почти не использую let. А мужики то и не знают!