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

  • (ECMAScript)ES标准下中的let、var和const已关闭评论
  • 120 次浏览
  • A+
所属分类:Web前端
摘要

let会报重复声明,var则比较随意,重不重复无所谓var对变量预解析可以“先使用再定义”,而let和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先使用再定义”(补充上一条)
    (ECMAScript)ES标准下中的let、var和const
    (ECMAScript)ES标准下中的let、var和const

  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) // 报错