var和let的区别

最新推荐文章于 2022-07-12 11:48:57 发布

汤立

最新推荐文章于 2022-07-12 11:48:57 发布

阅读量99

点赞数

分类专栏： JavaScript杂项文章标签： javascript

本文链接：https://blog.csdn.net/weixin_42867002/article/details/108150145

版权

JavaScript杂项专栏收录该内容

8 篇文章 0 订阅

订阅专栏

作用域不同。
ES5和ES6中if和for是没有作用域的，函数有作用域
例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮0</button>
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <script>
        var btn=document.getElementsByTagName("button")
        //使用var定义i
        for(var i=0;i<btn.length;i++){
            btn[i].addEventListener('click',function(){
                    console.log("使用var点击了"+i+"按钮")
                })
        }
        //使用let定义i
        for(let i=0;i<btn.length;i++){
            btn[i].addEventListener('click',function(){
                    console.log("使用let点击了"+i+"按钮")
                })
        }
        //使用闭包函数
        for(var i=0;i<btn.length;i++){
	        (function(num){
				btn[num].addEventListener('click',function(){
	                    console.log("使用闭包函数点击了"+num+"按钮")
	                })
			})(i)
		}
    </script>
</body>
</html>

由于for没有作用域，var也没有作用域，所以定义的i的值被一次次重写直到i=5，而let有作用域，所以i=i

汤立

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
var和let的区别

作用域不同。ES5和ES6中if和for是没有作用域的，函数有作用域例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><
复制链接

扫一扫

专栏目录