1

Изучаю js, и назрел вопрос отличается ли const от var и let в плане производительности и памяти которую занимают переменные? Вопрос может показаться глупым, но информации по нему я не нашел.

19
  • 1
  • В этой статье сказано, что var и let работают одинаково, если имеют одинаковую область видимости. То есть, если let не используется в блоке внутри функции, имея более узкую область видимости.
    – Leonid
    22 мар 2020 в 17:26
  • @Leonid, ты как-то выборочно читаешь
    – Grundy
    22 мар 2020 в 18:21
  • After testing this in Chrome and Firefox, this shows that let is faster than var, but only when inside a different scope than the main scope of a function. In the main scope, var and let are roughly identical in performance. In IE11 and MS Edge, let and var are roughly equal in performance in both cases.
    – Leonid
    22 мар 2020 в 18:29
  • 1
    я думаю, что @Leonid имел в виду, что let внутри какого-то цикла, после его выполнения, удалиться из памяти, в отличии от var, которая благодаря хостингу (всплытию) перемен будет в глобальной видимости и лежать там до полного завершения выполнения всего кода 22 мар 2020 в 23:02

3 ответа 3

0

На производительность и память, скорее, влияет контекст в которых переменные существуют, а также область их видимости. Однако, из-за поведения var как раз в плане области видимости, она будет потреблять больше ресурсов на единицу времени.


Всем, кто не может обойтись без родной var: ПОЛЬЗУЙТЕСЬ НА ЗДОРОВЬЕ. Она такая же как и let/const. Главное, чтобы эти переменные сидели в функциях, а не захламляли глобальное пространство. Об этом надо беспокоиться. В плане быстродействия все одинаковы. Но var, согласитесь, имеет побочные эффекты. Вы, конечно, можете использовать i1, i2, i3 в блоках одного уровня, но может не стоит?

console.log(i); // i в этот момент времени существует, но не инициализирована
//console.log(j);  j в этот момент времени не существует

if(1){
    var i = 10;
    let j = 10; // j вообще существует только в этот момент времени!!!!!!!
}

// i в этот момент времени существует. j - нет.
// i в этот момент времени существует. j - нет.
// i в этот момент времени существует. j - нет.
// i в этот момент времени существует. j - нет.
// i в этот момент времени существует. j - нет.
// i в этот момент времени существует. j - нет.
// i в этот момент времени существует. j - нет.
// i в этот момент времени существует. j - нет.
// i в этот момент времени существует. j - нет.
// i в этот момент времени существует. j - нет.

console.log(i); // i в этот момент времени существует
//console.log(j);  j в этот момент времени не существует

Попробуй подождать, когда там удалится значение i!

if(1){
var i = 555555555555555555555555555555;
let j = 555555555555555555555555555555;
}

let select = document.getElementById('memorydetector');

select.onchange = function(){

if(this.value != '0') document.getElementById('result').textContent = window[this.value];
}
#memorydetector {
padding: 4px;
}

#result {
 min-height: 20px;
 width: 300px;
 padding: 10px;
 font-size: 20px;
}
<select id="memorydetector">
<option value="0">no var</option>
<option value="i">i</option>
<option value="j">j</option>
</select>

<div id="result">
  
</div>

20
  • почему она будет потреблять больше ресурсов на единицу времени?
    – Grundy
    22 мар 2020 в 21:05
  • Потому, что когда на ее месте let уже высвободит память, var продолжит свое существование. И, следовательно, будет занимать память.
    – Leonid
    22 мар 2020 в 21:06
  • Почему ты так думаешь?
    – Grundy
    22 мар 2020 в 21:07
  • 3
    Вам же пишут: лучше напишите свой ответ, чем минусовать. Погляжу: боитесь ответы давать на общетеоретические и неконкретные вопросы. Должны понимать: этот сайт пополняется контнентом за счёт вопросов и ответов. Поисковиками индексируется мгновенно. Люди сюда переходят получить ответы, а не рассованные по щелям комменты или ссылки на материалы. Отвечайте как знаете, а не ссылками закидывайте.
    – Leonid
    22 мар 2020 в 21:57
  • 1
    И логично и бесполезно одновременно. Кстати на заметку, пока идет цикл, будет работать сборщик мусора. Может так получиться, что вы получите кучу мусорных let на одну var в памяти. Но скорее всего они живут +- одинаково где- то в глубинах интерпретатора.
    – Alex Krass
    22 мар 2020 в 23:01
0

при всплытии (хостинге) переменных над varпроисходит немного больше процессов, а именно её инициализация - присвоение значения undefined а так же присвоение типа undefined, в то время как let и const остаются неинициализированными. в данном случае нагрузка идет на построение синтаксического дерева, но она вообще незначительная

10
  • Ну значит все было не зря.
    – Leonid
    22 мар 2020 в 23:43
  • Что значит остаются неинициализированными? Чем отличается нагрузка на построение синтаксического дерева?
    – Grundy
    22 мар 2020 в 23:54
  • @Grundy, неинициализированная значит, что переменная объявляется и под неё выделяется память, но ей не присваивается значение. вот здесь наглядный пример по ссылке miro.medium.com/max/726/1*pUqWuCzYCP79tOm4gGzXIw.png . 23 мар 2020 в 0:03
  • @Grundy, а нагрузка заключается в том, что при инициализации var, как уже писал выше, мы задаем значение и тип переменной по умолчанию, затем снова их меняем, когда дело доходит до присвоения значения. это двойная робота, чего нет у let и const 23 мар 2020 в 0:06
  • @Август, ссылка битая
    – Grundy
    23 мар 2020 в 0:11
0

В общем случае, let и const уступают var в производительности т.к. интерпретатор навешивает на каждый let и const дополнительную логику для обеспечения TDZ (Temporal Dead Zone - временная мертвая зона).

Временная мёртвая зона (Temporal Dead Zone, TDZ) - зона, простирающаяся от входа в область видимости до объявления переменной или константы. При обращении к переменной или константе в этой зоне выдается ошибка.

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.