let 和 var 的区别

最新推荐文章于 2022-05-22 16:29:42 发布

伝丶

最新推荐文章于 2022-05-22 16:29:42 发布

阅读量97

点赞数

文章标签： vue

原文链接：https://blog.csdn.net/superlover_/article/details/81626281

版权

1、作用域只局限于当前代码块

if(true){
    var str = 1
    let str1 = 2
    console.log(str)
    console.log(str1)
}
console.log(str)
console.log(str1)// str1 is not defined

2、let声明的作用于不会被提升

console.log(str)
var str = 1
console.log(str1) // str1 is not defined
let str1 = 2

3、同一作用域下不能定义相同的变量

var str = 1
var str = 11
console.log(str)//覆盖上一个定义的变量
let str1 = 2
let str1 = 22
console.log(str1)//'str1' has already been declared

4、for循环体现let的父子作用域

<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>
<script>
    window.onload = function () {
        var btns = document.querySelectorAll("button")
        for(var i = 0; i<btns.length; i++){
            btns[i].onclick= function(){
                console.log('第'+i+'个按钮');
            }
        }
        /*解决方法1
        var btns = document.querySelectorAll("button")
        for (var i = 0; i < btns.length; i++) {
            (function (i) {
                btns[i].onclick = function () {
                    console.log('第' + i + '个按钮');
                }
            })(i)
        }*/
        /*解决方法2
        let btns = document.querySelectorAll("button")
        for(let i = 0; i<btns.length; i++){
            btns[i].οnclick= function(){
                console.log('第'+i+'个按钮');
            }
        }*/
    }
</script>
</body>

转载自https://blog.csdn.net/superlover_/article/details/81626281

伝丶

关注

0
点赞
踩
0

收藏

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

1、作用域只局限于当前代码块if(true){ var str = 1 let str1 = 2 console.log(str) console.log(str1)}console.log(str)console.log(str1)// str1 is not defined2、let声明的作用于不会被提升console.log(str)var str = 1console.log(str1) // str1 is not definedlet str1
复制链接

扫一扫