Почему в цикле for...of предпочтительнее использовать const вместо let?

Цикл for...of отличается от классического for тем, что на каждой итерации создаётся новая лексическая привязка переменной. Это означает, что const здесь не вызывает ошибку переприсваивания, как можно было бы ожидать, а корректно фиксирует значение текущего элемента коллекции.

Как это работает

Спецификация ECMAScript описывает for...of так, что переменная объявляется заново на каждом шаге итерации. Поэтому const получает новую привязку с новым значением, а не переприсваивается в старой.

const items = [10, 20, 30];

for (const item of items) {
  console.log(item); // 10, 20, 30 — всё работает
}

// А вот так будет ошибка:
for (const item of items) {
  item = item * 2; // TypeError: Assignment to constant variable
}

Почему это полезно

• Явно сигнализирует читателю: переменная не переприсваивается внутри тела цикла.
• Защищает от случайного изменения ссылки на объект или значения.
• Помогает избежать ошибок, связанных с замыканиями и асинхронными колбэками.

Когда нужен let

Если внутри тела цикла вы планируете переприсвоить переменную, например накапливать значение, тогда используйте let:

let total = 0;
for (let value of [1, 2, 3]) {
  value = value * 10; // переприсваивание допустимо
  total += value;
}

Итог: по умолчанию в for...of используйте const — это безопаснее и выразительнее, а let оставляйте только для случаев, когда переменную действительно нужно менять внутри итерации.