Почему при использовании let в цикле значения разные

Question

let в цикле создает новую переменную на каждую итерацию. Поэтому каждое замыкание “запоминает” свое значение. В отличие от var, где используется одна общая переменная на весь цикл, let предотвращает типичную ошибку с одинаковыми значениями. Это поведение заложено в спецификацию языка.

YeaHub · Accepted Answer

Что происходит с let в циклеКогда используется let:Каждая итерация цикла имеет свою область видимостиПеременная пересоздается зановоЗамыкание захватывает уникальное значениеПример с letfor (let i = 0; i < 3; i++) { setTimeout(() => { console.log(i); }, 0); } Результат:012То же самое с varfor (var i = 0; i < 3; i++) { setTimeout(() => { console.log(i); }, 0); } Результат:333Почему так происходитvar имеет одну общую переменнуюК моменту выполнения setTimeout цикл уже завершилсяlet создает новый binding на каждую итерациюПрактический эффектlet делает код безопаснеене нужны IIFE или дополнительные оберткиповедение интуитивно ожидаемоеВыводРазные значения при let — это не “магия”, а результат блочной области видимости и корректной работы замыканий.