0
点赞
收藏
分享

微信扫一扫

var let const的区别

愚鱼看书说故事 2022-03-22 阅读 57
前端面试

var let const的区别

  • var 声明的变量存在变量提升,即变量可以在声明之前调用,值为 undefined; let 和const不存在变量提升,即使他们所声明的变量一定要在声明后使用,否则报错
  • var 不存在暂时性死区,let 和 const 只有等到声明变量的那一行代码出现,才可以获取和使用该变量
  • var 不存在块级作用域,let 和 const 存在块级作用域
  • var 允许重复声明变量,let 和 const 在同一作用域不允许重复声明变量
  • var 和 let 可以修改声明的变量,const声明一个只读的常量,一旦声明,常量的值就不能改变
  • 建议:能用 const 的情况尽量使用const,其它情况大多数使用 let ,避免使用 var

let与var的区别:

  • var a = []
    for (let i = 0; i < 10; i++) {
        a[i] = function () {
            console.log(i)
        }
    }
    a[6]()
    // 6
    
    var a = []
    for (var i = 0; i < 10; i++) {
        a[i] = function () {
            console.log(i)
        }
    }
    a[6]()
    // 10
    
  • for (var i = 0; i < 3; i++) {
        setTimeout(function () {
            console.log(i)
        }, 1000)
    }
    // 10
    // 10
    // 10
    
    
    for (let i = 0; i < 3; i++) {
        setTimeout(function () {
            console.log(i)
        }, 1000)
    }
    // 0
    // 1
    // 2 
    

    备注:上面的代码中,变量i是let声明的,当前的i只在本轮循环中有效。所以每一次循环的i其实都是一个新的变量,于是最后输出的是6。JavaScript引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。

    另外,for循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。

    for (let i = 0; i < 3; i++) {
        let i = 'abc'
        console.log(i)
    }
    // abc
    // abc
    // abc
    

参考 阮一峰ES6标准入门

举报

相关推荐

0 条评论