for循环与setTimeout

1、for + setTimeout 使用var执行

for(var i = 0; i < 5; i ++){
    setTimeout(function (){
		console.log(i)
	}, 1000)
}

执行结果为 ：5

上面代码中，变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变，里面的i指向的就是全局的i，导致运行时输出的是最后一轮的i的值，也就是 5。

2、for + setTimeout 使用 let 执行

for(let i = 0; i < 5; i ++){
	setTimeout(function (){
		console.log(i)
	}, 1000)
}

执行结果：

上面代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是0,1,2,3,4。

3、使用let把0,1,2,3,4,显示出来了，但是他们都是1秒就显示了，怎样才能隔一秒显示一个数呢？

for(let i = 0; i < 5; i ++){
	setTimeout(function (){
		console.log(i)
	}, i*1000)
}