Arhn - архитектура программирования

Как область действия let работает в цикле for в JavaScript

У меня есть вопрос о том, как область действия let работает в цикле for относительно следующих примеров.

for(let i=0;i<5;i++){
    setTimeout(()=>{
  console.log(i);
  },1000)
}
// will print out 0,1,2,3,4
for(var j=0;j<5;j++){
    setTimeout(()=>{
  console.log(j);
  },0)
}
// will print out 5,5,5,5,5

Я знаю разницу между var и let. var имеет область действия функции, а let имеет область действия блока.
Для let, хотя i находится внутри цикла for, console.log(i) всегда принимает одну и ту же переменную i. Переменная i обновляется на каждой итерации. Таким образом, когда функции обратного вызова setTimeout выполняются, они имеют одно и то же i и должны выводить одно и то же число, которое здесь равно 5.
var и let имеют разную область действия, но обе обновляются на каждой итерации, и обе переменные регистрируются в конце. Разве они не должны иметь тот же результат?


  • stackoverflow.com/questions/750486 / 05.04.2021
  • Здесь есть дополнительный уровень обзора с помощью конструкции жирной стрелки () => {}. Это создает то, что называется замыканием. Я предлагаю вам закрыть javascript Google или что-то подобное, чтобы узнать больше о том, как это работает. 05.04.2021
  • console.log(i) всегда принимает одну и ту же переменную i - нет, это не так. Каждое закрытие закрывается по другой переменной i, поскольку, как вы говорите, она создается внутри цикла. 05.04.2021
  • @Code-Apprentice Я думаю, он понимает замыкания. Что было непонятно, так это то, что существует отдельная область действия для каждой итерации цикла, а не одна область действия для всего цикла. 05.04.2021
  • @Barmar Да, я понимаю закрытие. Спасибо за ключевое слово отдельная область действия. Я нашел еще один вопрос об этом .com/questions/59170277/. Теперь я знаю, что i — это разные переменные на каждой итерации. 06.04.2021

Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..