关于for循环总是返回最后一个值问题

// 第一种
for (let j = 0; j < 10; j++) {
  console.log(j);  // 0-9
  setTimeout(function(){
    console.log(j);  // 0-9
  })
}

// 第二种
for(var i = 0;i<10;i++){
	console.log(i);  //打印 0-9
	setTimeout(function(){
		console.log(i); //2秒之后打印10个10
	},2000)
}
console.log(i);  //打印1个10  // 因为var 的原因，遍历时候每次都会重写变量 i 的地址，所以会打印10

第一种：因为let为块级作用域，作用域为for循环花括号内{}，所以在for循环中，第一个打印会循环打印10次0-9，第二个setTimeout打印，是因为每次打印的j都不一样，所以会出现0-9.

第二种：第一个打印是每次执行的，所以会打印0-9，第二个打印是因为在函数中，每次循环都会有两秒延迟，从第一次开始，变量“i”的地址已经为10，所以2秒之后打印10个10，至于打印10，因为最后一次循环没有遍历，只有i++；第三个console.log因为var 的原因，遍历时候每次都会重写变量 i 的地址，所以会打印10

 

解决：每次for循环都会打印最后一个值

（1）ES6中有对这问题解决方案，可以把for循环中var的值改为let，let为es6新增变量。

（2）在文章“选项卡（切换Tap栏）问题”中有提到，可以把i赋值给每一个元素的下标，使用this.index调用