ES6 let和const命令

作者: 王阿王 | 来源:发表于2017-11-24 16:52 被阅读0次

    基本用法

    let 和const是ES6新增的两种,声明变量的方法,用法与var 类似,但都有各自的特点和用途。

    let

    一、let 声明的变量只在let命令所在的代码快内有效。

    由于JavaScrip没有块级作用域,所以会产生一些不合理的场景。而let则实际上为JavaScript新增了块级作用域。

    var a = [];
    for (var i = 0; i < 10; i++) {
      a[i] = function () {
        console.log(i);
      };
    }
    a[6](); // 10
    
    

    在 for 循环的计数器中,如果用var 声明 i,会成为全局变量,
    所以在 循环中,每一次的循环 新的 i值都会去覆盖旧值,所以输出的是最后一轮的i值。

    如果使用let,声明的变量仅在块级作用域中有效 ,最后将输出6
    var a = [];
    for (let i = 0; i < 10; i++) {
      a[i] = function () {
        console.log(i);
      };
    }
    a[6](); // 6
    
    
    二、不存在变量提升

    let不会像var一样发生‘变量提升’,所以let声明的变量一定要先声明在使用,

    console.log(i) //1 Uncaught ReferenceError: i is not defined
    let i =2
    
    三 暂时性死区

    只要块级作用域内 存在 let 命令 ,它所声明的变量就绑定了这个作用域,不再受外部影响,ES6明确规定,如果区块中存在 let 和const命令,则这个区块对这些命令声明的变量从一开始 就形成封闭作用域,只要是在声明之前使用这些变量,就报错。

    在代码块内,使用let命令声明之前,该变量都是不可用的。
    var tmp =123;
    if(true){
    tmp ='abc';//ReferenceError
    let tmp;
    }
    
    
    
    if(true){
    tmp ='abc';//ReferenceError
    console.log(tmp)//ReferenceError
    let tmp;
    console.log(tmp)//undefined
    }
    
    
    四、不允许重复声明
    let 不许在相同作用域内重复声明同一个变量,
    function () {
       let a=10;
      var a=1;
    }      //x
    
    function () {
       let a=10;
      let a=1;
    }    //x
    不能在函数内部重新声明参数
    function func(arg) {
      let arg;
    }     //x
    
    五、用let声明的全局变量不属于全局对象的属性
    let a=1;
    window.a   //undefined
    

    const

    一、const用来声明常量,一旦声明,值不可改变,并立即初始化,不能留到以后赋值。
    const PI=3;
    PI  //3
    PI=2
    //TypeError: "PI" is read-only
    
    const foo;
    //只声明不赋值,也报错,
    
    *ES6中一共有六种声明变量的方法,var 、funbction、let、const、import、class

    相关文章

      网友评论

        本文标题:ES6 let和const命令

        本文链接:https://www.haomeiwen.com/subject/sylfbxtx.html