JavaScript：如何将for循环迭代值传入函数参数？foo函数未执行排查

首先，先聚焦你遇到的核心情况：循环里console.log能正常输出1到10，但foo函数没运行——首先得排查最基础的问题：foo函数是否正确定义且在当前作用域可访问？

举个常见的坑：如果foo是用函数表达式定义在循环之后（比如var foo = function() {}），那由于变量提升的特性，循环执行时foo还是undefined，自然不会执行。这种情况你要么把foo的定义移到循环之前，要么改用函数声明（function foo() {}）——函数声明会被提升到作用域顶部，不管放在哪里都能被提前调用。

如果foo确实已经正确定义，那再来看循环里的变量传递逻辑：你当前用var声明的i和value是函数级作用域，要是foo里包含异步逻辑（比如setTimeout），等异步代码执行时，i和value已经变成11了，这时候你可能会误以为foo没拿到正确值（而非没运行）。

针对循环传值的问题，这里有几种更可靠的写法：

1. 用let代替var（ES6+首选） #

let是块级作用域，每次循环都会创建一个独立的i变量，直接传递就行，不需要额外的value变量：

for (let i = 1; i <= 10; i++) {
  foo(i);
}

这种写法最简洁，能保证每次传递给foo的i都是当前迭代的正确值，不管foo是同步还是异步逻辑。

2. 使用闭包（兼容旧环境） #

如果你的运行环境不支持ES6，可以用立即执行函数表达式（IIFE）创建闭包，把当前迭代的i值单独保存下来：

for (var i = 1; i <= 10; i++) {
  (function(currentValue) {
    foo(currentValue);
  })(i);
}

每次循环都会生成一个独立的作用域，currentValue会捕获当前的i值，不会被后续循环的i修改影响。

3. 函数式遍历（更优雅的写法） #

可以先创建包含1到10的数组，再用forEach遍历，每个迭代的回调函数都会拿到独立的参数：

Array.from({length: 10}, (_, index) => index + 1).forEach(value => {
  foo(value);
});

这种写法更偏向函数式编程风格，也能彻底避开作用域的坑。

最后再提醒下：如果确认foo没运行，先打开浏览器控制台看有没有报错（比如ReferenceError: foo is not defined），这类报错信息能直接帮你定位问题根源。

内容的提问来源于stack exchange，提问作者Maor P