美文网首页
ES6 let和const命令

ES6 let和const命令

作者: 立的flag一直在倒 | 来源:发表于2017-09-21 13:43 被阅读0次

    基本都是从阮一峰大神的文档中摘录的重点,
    链接:http://es6.ruanyifeng.com/?search=%E7%AE%AD%E5%A4%B4&x=0&y=0

    一、let命令

    1、基本用法

    用来声明变量,用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。
    下面的代码如果使用var,最后输出的是10。

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

    上面代码中,变量i是var命令声明的,在全局范围内都有效,所以全局只有一个变量i。每一次循环,变量i的值都会发生改变,而循环内被赋给数组a的函数内部的console.log(i),里面的i指向的就是全局的i。也就是说,所有数组a的成员里面的i,指向的都是同一个i,导致运行时输出的是最后一轮的i的值,也就是10。

    如果使用let,声明的变量仅在块级作用域内有效,最后输出的是6。

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

    上面代码中,变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6。
    如果每一轮循环的变量i都是重新声明的,那它怎么知道上一轮循环的值,从而计算出本轮循环的值?这是因为 JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。

    2、不存在变量提升

    var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined。
    而let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。

    3、暂时性死区

    在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(temporal dead zone,简称 TDZ)。
    暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

    4、let命令不允许重复声明

    二、块级作用域

    let实际上为 JavaScript 新增了块级作用域。
    块级作用域的出现,实际上使得获得广泛应用的立即执行函数表达式(IIFE)不再必要了。

    1、块级作用域与函数声明

    ES6 引入了块级作用域,明确允许在块级作用域之中声明函数。ES6 规定,块级作用域之中,函数声明语句的行为类似于let,在块级作用域之外不可引用。

    对于 ES6 的浏览器实现,以下三条规则有效,其他环境的实现不用遵守,还是将块级作用域的函数声明当作let处理:
    (1)允许在块级作用域内声明函数。
    (2)函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
    (3)同时,函数声明还会提升到所在的块级作用域的头部。

    考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数。如果确实需要,也应该写成函数表达式,而不是函数声明语句。

    // 函数声明语句
    {
      let a = 'secret';
      function f() {
        return a;
      }
    }
    
    // 函数表达式
    {
      let a = 'secret';
      let f = function () {
        return a;
      };
    }
    
    2、Do 表达式

    本质上,块级作用域是一个语句,将多个操作封装在一起,没有返回值。
    为了使得块级作用域可以变为表达式,也就是说可以返回值,可以在块级作用域之前加上do,使它变为do表达式。如:

    let x = do {
      let t = f();
      t * t + 1;
    };
    

    三、const命令

    1、基本用法

    const声明一个只读的常量。一旦声明,常量的值就不能改变,const一旦声明变量,就必须立即初始化,不能留到以后赋值。
    const PI = 3.1415;
    const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。

    2、本质

    const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。
    对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。

    相关文章

      网友评论

          本文标题:ES6 let和const命令

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