ES(ECMAScript)标准下中的let、var和const

ES标准下中的let,var和const

  1. let会报重复声明,var则比较随意,重不重复无所谓

    // 使用 var 的时候重复声明变量是没问题的,只不过就是后面会把前面覆盖掉
    var num = 100
    var num = 200
    
    // 使用 let 重复声明变量的时候就会报错了
    let num = 100
    let num = 200 // 这里就会报错了
    
    // 使用 const 重复声明变量的时候就会报错
    const num = 100
    const num = 200 // 这里就会报错了
    
  2. var对变量预解析可以“先使用再定义”,而let和const则不行,也就是没有变量提升

    // 因为预解析(变量提升)的原因,在前面是有这个变量的,只不过没有赋值
    console.log(num) // undefined
    var num = 100
    
    // 因为 let 不会进行预解析(变量提升),所以直接报错了
    console.log(num) 
    let num = 100
    
    // 因为 const 不会进行预解析(变量提升),所以直接报错了
    console.log(num) 
    const num = 100
    
  3. “let先使用再定义”(补充上一条)

  4. var与window挂钩,会自动成为window的属性,let不会

    var name = 'dasha'
    let age = 12
    console.log(window.name)	//	dasha
    console.log(window.age)		//	undefined
    
  5. const定义常量,以上的都是叫变量,let和var都可以更改变量的值,const则不行

    let num = 100
    num = 200
    console.log(num) // 200
    
    const num = 100
    num = 200 // 这里就会报错了,因为 const 声明的变量值不可以改变(我们也叫做常量)
    
  6. const声明时必须赋值,否则就会报错

    let num
    num = 100
    console.log(num) // 100
    
    const num // 这里就会报错了,因为 const 声明的时候必须赋值
    
  7. let和const都会被代码块限制作用范围,而var只有函数才能限制范围,其他的不能限制

    // var 声明的变量只有函数能限制其作用域,其他的不能限制
    if (true) {
        var num = 100
        }
    console.log(num) // 100
    
    // let 声明的变量,除了函数可以限制,所有的代码块都可以限制其作用域(if/while/for/...)
    if (true) {
        let num = 100
        console.log(num) // 100
    }
    console.log(num) // 报错
    
    // const 声明的变量,除了函数可以限制,所有的代码块都可以限制其作用域(if/while/for/...)
    if (true) {
        const num = 100
        console.log(num) // 100
    }
    console.log(num) // 报错
    
posted @ 2022-11-02 11:00  WaterRec  阅读(86)  评论(0编辑  收藏  举报