关于for循环的一道题目

首先看最简的题目：

for(var i=0; i++； i<2) {
  setTimeout(() => console.log(i))
}

输出结果是什么？

由于i是通过var定义的，它是一个全局变量，当log的时候内存中只存在一个i，并且这个i通过循环已经变成了2，所以输出结果是输出两次2

对题目进行改造。将var换为let:

for(let i=0; i++； i<2) {
  setTimeout(() => console.log(i))
}

输出结果是什么？

通过let定义的i是一个块级作用域的变量，实际上在for循环的过程中，每一次循环都会生成一个新的i，它是作用域旨在当次循环内部，所以log的时候打印的是每一次生成的i，所以输出结果是0和1

再看一个基础知识，,表达式

let a = (1, 2);

a的值是什么？

JS中，逗号操作符的作用是对它的每个操作数求值（从左到右），并返回==最后一个==操作数的值。所以a的值是2

所以引出了真正的题目：

for(let i=(setTimeout(() => console.log(i), 2333) ,0); 
  i++; 
  i<2) {
  setTimeout(() => console.log(i))
}

在2333秒后会输出结果是什么？

这道题考察的关键点是逗号操作符和for循环中的变量作用域

在for循环中，第一部分声明了变量i，这个变量i是一个具有单独作用域的i， 在i++时并没有改变它的值，每次i++都会生成一个新的i， 上面提到的每次循环新生成的i就是在这个步骤生成的

回到题目中，在声明i的语句中，由于逗号操作符的关系，i的值为0， 此时0就传入了setTimeout中，随着循环进行这个i并没有发生改变，所以在2333秒后打印的值就是0， 也就是一开始定义的i的值

参考

• 知乎 - 分析 HTTP 203 出的一个 JS 题目
• MDN - 逗号操作符