JS中for循环变量作用域

转载：http://blog.csdn.net/kai_l/article/details/50913505

[javascript] view plain copy

print ?

1. var a=[];  
2. for(var i = 0;i<10;i++){  
3.    var q = i;  
4.    a[i]=function(){console.log(q)}  
5. }  
6. a[0]()  
7.       
8. 其中，由于for循环并不是一个函数体，所以for循环中定义的变量q和i是作用域for循环所在的函数体，和a同级，  
9. i++ 和  q=i 并不是重新定义变量，只是重复赋值，最终循环结束，i = 10,q=9;    
10. 由于function(){console.log(q)} 并不是立即执行，所以这里的q一直是存储的内存引用，最终所有的a[i]()都是输出 9  
11. 不过，在es6中新增了let命令声明变量，用法和var类似，不过let所声明的变量，只在let命令所在的代码块有效果，for循环的计数器中就很适合let命令  
12. var a=[];  
13. for(let i = 0;i<10;i++){  
14.    ley q = i;  
15.    a[i]=function(){console.log(q)}  
16. }  
17. a[6]()    //这里会输出   6  let声明的变量仅在块级作用域有效，所以这里的i只在本轮循环有效果，每次循环的i其实都是一个新的变量