JS中for循環變量作用域


js中作用域只有函數作用域和全局作用域,在函數體內使用var 定義的變量,會被提到函數開始處進行定義,作用域為整個函數,常見的誤區如下

 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其實都是一個新的變量  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM