JS中for循环变量做用域--解决for循环异步执行的问题

被这个问题困惑了好久，终于在网上找到了答案，感谢~

如今分享给你们~

 

 

js中如何让一个for循环走完以后，再去执行下面的语句？

这涉及for循环变量做用域的问题，js中做用域只有函数做用域和全局做用域，在函数体内使用var 定义的变量，会被提到函数开始处进行定义，做用域为整个函数,常见的误区以下：

var a=[];  
for(var i = 0;i<10;i++){  
   var q = i;  
   a[i]=function(){console.log(q)}  
}  
a[0]()  
      
其中，因为for循环并非一个函数体，因此for循环中定义的变量q和i是做用域for循环所在的函数体，和a同级，  
i++ 和  q=i 并非从新定义变量，只是重复赋值，最终循环结束，i = 10,q=9;    
因为function(){console.log(q)} 并非当即执行，因此这里的q一直是存储的内存引用，最终全部的a[i]()都是输出 9  
不过，在es6中新增了let命令声明变量，用法和var相似，不过let所声明的变量，只在let命令所在的代码块有效果，for循环的计数器中就很适合let命令  
var a=[];  
for(let i = 0;i<10;i++){  
   ley q = i;  
   a[i]=function(){console.log(q)}  
}  
a[6]()    //这里会输出   6  let声明的变量仅在块级做用域有效，因此这里的i只在本轮循环有效果，每次循环的i其实都是一个新的变量  

 

以上内容转载自http://blog.csdn.net/kai_l/article/details/50913505。