for循环条件的变量⽤var，let，const定义区别及实例
之前写⾯试总结时候写到了var let const区别，【区别位于第9题：】然后搞了两道⼴为⼈知的⾯试题上去，查资料过程中发现了更多的题，花了⼀个晚上理解…原谅我还是个⼩菜鸟:），总结⼀下。
for(var i=0; i<10; i++){
setTimeout(()=>{
console.log(i)
},1000)
}
// 结果：1秒后输出10个10
1.var定义的i的作⽤域是整个for函数，每执⾏⼀次就有setTimeout函数产⽣，执⾏10次所以有10个setTimeout()，1秒后第⼀个setTimeout()执⾏，它要输出i，就沿着作⽤域链去寻i，到的时候for早已循环完，i已经变成了10，所以就输出了第⼀个10，紧接着另外9个setTimeout()也相继执⾏，所以输出了10给10。
为什么是10个10⽽不是10个9？
for循环执⾏顺序：
①var i = 0 ②i<10? ③循环体④i++，i=1
⑤i<10? ⑥循环体⑦i++，i=2…i++，i=9 --》
i<10? --》循环体 --》 i++，i=10 --》i<10?不符合条件，退出循环，此时i=10
for(let i=0; i<10; i++){
setTimeout(()=>{
console.log(i)
},1000)
}
// 结果：1秒后输出0，1，2，3，4，5，6，7，8，9
const的作用2.let或const定义的i的作⽤域是当前循环的块级作⽤域，所以每次循环都会产⽣⼀个新的变量，1秒后10个setTimeout()函数执⾏到的i 就是之前每个当循环的i，所以是0-9
for(var i=0; i<10; i++){
let temp = i
setTimeout(()=>{
console.log(temp)
},1000)
}
// 结果：1秒后输出0，1，2，3，4，5，6，7，8，9
3.虽然for条件⾥是var定义的，但是每次执⾏循环体的时候，当前的i都赋值给了temp，且temp的作⽤域是当前循环的块级作⽤域，所以输出0-9
for(let i=0; i<10; i++){
var temp = i
setTimeout(()=>{
console.log(temp)
},1000)
}
// 结果：1秒后输出10个9
4.for循环条件的i是let定义的，所以每次循环都会产⽣⼀个新的变量，但是
思考⼀下如何只⽤var输出0-9？
。。。
。。。
叮咚~
for(var i=0; i<10; i++){
((i)=>{
setTimeout(()=>{
console.log(i)
},1000)
})(i)
// 结果：1秒后输出0，1，2，3，4，5，6，7，8，9
5.每次循环都产⽣⼀个⽴即执⾏函数，且传⼊的参数分别是0-9，1秒后10个setTimeout()函数要输出i，所以它们要各⾃去寻i，⼀层层往外，刚好就在它的⽗函数⾥到了，称为调⽤其外部函数变量i，分别是0-9
for(var i=0; i<10; i++){
setTimeout((i)=>{
console.log(i)
},1000, i)
}
// 结果：1秒后输出0，1，2，3，4，5，6，7，8，9
6.这是第⼆种⽅法。setTimeout(callback[,time[,pram]])，它的第三个参数就是回调函数传⼊的参数，也作为当前循环的变量被保存进去了
var a =[]
for(var i=0; i<10; i++){
a[i]=function(){
console.log(i)
}
}
a[6]()
// 结果：10
7.10次循环分别给a[0]到a[9]绑定了⼀个函数，当a时，函数需要输出i，所以它要沿着作⽤域链去寻i，到的时候⽤var定义的变量i已经被循环到10了，所以输出10

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。