0
点赞
收藏
分享

微信扫一扫

var和let、const区别

yundejia 2022-04-14 阅读 52
javascript

let和var都可以定义变量,而const定义的是常量
     

 const a=123//无法更改值
       a = 1234 // 这时会报错,因为const定义的是常量   不可更改
       console.log(a)

const更多的是定义一些后期无法更改的数据,比如:公司的网址
区别1:let和const都有块级作用域  ,let和const定义的变量写在{}中,就只会在{}中生效,而var 没有块级作用域,只有全局和局部作用域

   

      {
            var c=7;
            let a = 1;
            const b = 2;
            console.log(a, b)//a输出是1   b输出则是2
        }
        console.log(a)
        // console.log(b)//报错   因为块级作用域的存在   a和b都只存在于大括号中 
        console.log(c)//7

          点击页面中不同的li输出n值比较let和var作用域的区别

   

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
 
         let lis = document.getElementsByTagName("li")
          for(let n=0;n<lis.length;n++){
           lis[n].onclick=function(){
            console.log(n)//第一个li点击时输出0  以此类推  1 2
                }
             }


这几个n之间互不干扰,拥有各自的的块级作用域,保存了不同的值
点击不同的li会输出不同的值
 
 
     

  for (var n = 0; n < lis.length; n++) {
            lis[n].onclick = function() {
                console.log(n) 

不管点击哪一个li,控制台都只会输出3
因为var定义的是全局变量,n在循环结束后就不再会改变

区别2:var 定义变量 存在变量的默认提升功能 ,let 和const没有

       

console.log(x)//undifined
        var x=2


       

console.log(x)//报错: 在初始化之前无法访问“x”
        let x = 2


 区别3: var 定义可以重复定义 ,let和const不可以

       

 var x=2 
 var x=3
 console.log(x)//3 var的重复定义可以覆盖之前的值


       

 let x = 2
 let x = 3 //而let不允许重复定义 会报错
 console.log(x)


区别四:var 定义变量 自动挂载 window对象上 。let和const不会

     

var x=2 //相当于window.x=2
console.log(window.x) //2
let x = 2
console.log(window.x) //undefined


区别五:let 存在暂时性死区问题

        ES6明确规定,如果​区块​中存在​let​和​const​命令,这个区块对这些命令声明的变量,从一开始就形成了​封闭作用域​。凡是在声明​之前​就使用这些变量​就会报错​。

总之,在代码块内使用​let​命令声明变量之前,该变量都是不可用的。

这在语法上,称为“​暂时性死区”​(temporal dead zone,简称 TDZ)。

     

var a = 20
 if (true) {
   a = 40 //报错:在初始化之前无法访问“a” 
   console.log(a)
   let a = 50
    }
举报

相关推荐

0 条评论