ES6(一)

作者: 九又四分之三o | 来源:发表于2018-03-20 12:59 被阅读0次

    let命令

    let用于声明变量。其用法类似于var,但是所声明的变量只在let所在的代码块内有效。

    • 不存在变量提升
      let不像var那样会发生“变量提升”现象。所以,变量一定要在声明后使用,否则报错。
    console.log(foo);  //ReferenceError
    let foo = 2;
    

    上面的代码在声明foo之前就使用这个变量,结果会抛出一个错误。这也就意味着typeof不再是一个百分百安全的操作。

    typeof foo;  //ReferenceError
    let foo = 2;
    
    • 暂时性死区
      只要块级作用域内存在let命令,他所声明的变量就“绑定”这个区域,不再受外部的影响。
    var tmp = 123;
    if (true) {
      tmp = 'abc';  //ReferenceError
      let tmp;
    }
    

    ES6明确规定,如果区块中存在let和const命令,则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明之前就使用这些变量,就会报错。即,在代码块内,使用let命令声明变量之前,该变量都是不可用的。

    function bar(x=y, y=2){
      return [x,y];
    }
    bar();//报错
    

    参数x的默认值等于另一个参数y,而此时y还没有声明,属于“死区”。如果y的默认值是x,就不会报错,因为此时x已经声明。

    function bar(x=2, y=x){
      return [x,y];
    }
    bar();//[2,2]
    

    总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已存在,但是不可以获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

    • 不允许重复声明
      let不允许在相同作用域内重复声明同一个变量。
    //报错
    function () {
      let a = 10,
      var a = 1;
    }
    //报错
    function () {
      let a = 10,
      let a = 1;
    }
    

    const命令

    const用来声明常量。一旦声明,其值就不能改变。这意味着,const一旦声明常量,就必须立即初始化,不能留到以后赋值。
    const作用域与let命令相同:只在声明所在的块级作用域内有效;const的作用域与let命令相同:只在声明所在的块级作用域内有效;const命令声明的常量也不提升,同样存在暂时性死区,只能在声明后使用;const也不可重复声明常量。
    <b>对于复合型变量,变量名不指向数据,而是指向数据所在的地址。const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变。</b>所以将一个对象声明为常量必须非常小心。

    const foo = {};
    foo.prop = 123;
    foo.prop;
    //123
    foo = {}; //TypeError: "foo" is read-only不起作用
    }
    

    上面的代码中,常量foo存储的是一个地址,指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。
    如果真想将对象冻结,应该使用Object.freeze方法。

    全局对象的属性

    全局对象是最顶层的对象,在浏览器环境指的是window对象,在Node.js中指的是global对象。在ES5中,全局对象的属性和全局变量是等价的。

    window.a = 1;
    a //1
    a = 2;
    window.a ; //2
    

    也就是说,在ES5中,全局对象的属性赋值与全局变量的赋值,是同一件事。
    这种规定被视为javascript语言的一大问题,因为很容易不知不觉就创建了全局变量。ES6为了改变这一点,一方面规定,var命令和function命令声明的全局变量依然是全局对象的属性;<b>另一方面规定,let命令、const命令和class命令声明的全局变量不属于全局对象的属性。</b>

    var a = 1;
    // 如果在node.js的REPL环境,可以写成global.a
    //如果采用通用方法,写成this.a
    window.a; //1
    let b = 1;
    window.b; //undefined
    

    以上代码中,全局变量a由var命令声明,所以是全局对象的属性;全局变量b由let命令声明,所以不是全局对象的属性,返回undefined。

    相关文章

      网友评论

          本文标题:ES6(一)

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