欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS中for循环变量作用域

程序员文章站 2024-03-25 14:43:04
...

JS中for循环变量作用域
        </h1>
        <div class="clear"></div>
        <div class="postBody">

js中作用域只有函数作用域和全局作用域,在函数体内使用var 定义的变量,会被提到函数开始处进行定义,作用域为整个函数,常见的误区如下

JS中for循环变量作用域
 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其实都是一个新的变量  
JS中for循环变量作用域

 

分类: JavaScript
<div id="blog_post_info">
0
0
<div class="clear"></div>
<div id="post_next_prev">

<a href="https://www.cnblogs.com/zhus/p/6494284.html" class="p_n_p_prefix">« </a> 上一篇:    <a href="https://www.cnblogs.com/zhus/p/6494284.html" title="发布于 2017-03-03 09:06">KEEP!</a>
<br>
<a href="https://www.cnblogs.com/zhus/p/6529568.html" class="p_n_p_prefix">» </a> 下一篇:    <a href="https://www.cnblogs.com/zhus/p/6529568.html" title="发布于 2017-03-10 11:03">Javascript中的apply与call</a>
posted @ 2017-03-07 11:16  朱帅  阅读( 11670)  评论( 0编辑  收藏