zoukankan      html  css  js  c++  java
  • ES 6 : let与const

    1.let命令

    [ 基本用法 ]

      let命令的用法与var类似,用于声明一个变量,但是let声明的变量只能在let所在的代码块内有效:

      上述代码块中使用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。说明,let声明的变量只在其所在代码块之内有效

    [ 不存在变量提升 ]

      let不像var那样会发生"变量提升"现象。所以,变量一定要在声明后使用,否则报错。

      

    暂时性死区 ]

      如果区块中存在let和const命令,则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明之前就使用这些变量就会报错。这在语法上称为"暂时性死区"简称TDZ。

        

      上面的代码中,在let命令声明tmp之前,都属于变量tmp的"死区"。有些"死区"比较隐蔽,不太容易发现:

      报错的原因是参数x默认等于参数y,而此时y还没有声明,属于"死区"。如果声明在使用之前就不会报错:

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

    不允许重复声明 ]

       let不允许在相同作用域内重复声明同一个变量。

     

      因此,不能在函数内部重新声明参数。

    2. 块级作用域

      ES5只有全局作用域和函数作用域,没有块级作用域,这会导致以下几个不合理的场景:

      - 第一种场景,内层变量可能会覆盖外层变量

      函数f执行后,变量提升导致内层的tmp变量覆盖了外层的tmp变量。

      - 第二种场景,用来计数的循环变量泄露为全局变量。

      变量i只用来控制循环,但是在循环结束之后它并没有消失,而是泄露成为了全局变量。

       let实际上为JavaScript新增了块级作用域。

      上面函数有两个代码块,都声明了变量n,运行后输出5。表示外层代码块不受内层代码块的影响。如果使用var定义变量,则输出10:

       ES6允许块级作用域任意嵌套,外层作用域无法读取内层作用域的变量,但是内层作用域可以定义外层作用域的同名变量。

    3. const命令

      const用来声明常量,一旦声明,其值不能改变。

      这意味着,一旦用const声明一个常量,就必须立即初始化,不能留到以后赋值,如果只声明不赋值就会报错:

    [ const ]

      • 作用域与let命令相同:只在声明所在的块级作用域内有效。

      • 声明的常量也不能提升,同样存在暂时性死区。

      • 不可以重复声明常量。

    [ const声明复合类型变量 ]

      对于复合类型的变量,变量名不指向数据,而是指向数据所在的地址。const命令只是保证变量名指向的地址不变,而不保证该地址的数据不变。

      

      上面代码中,常量foo存储的是一个地址,指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。但如果将另一个地址赋值给foo,就会报错:

      如果真的想将对象冻结,使其不可添加新属性,应该使用Object.freeze方法。

      给foo添加新属性不起效果。

      除了冻结对象本身,对象的属性也应该一起冻结,下面是一个将对象彻底冻结的函数:

      对象被彻底冻结之后,属性也无法被修改。

     4. 全局对象属性

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

      这种规定容易在不知不觉中就创建了全局变量,ES6为了改变这一点,一方面规定,var命令和function命令声明的全局变量依旧是全局对象的属性;另一方面规定,let命令、const命令和class命令声明的全局变量不属于全局对象的属性。

      

  • 相关阅读:
    《Effective Java》 读书笔记(三) 使用私有构造方法或枚举实现单例类
    《Effective Java》 读书笔记(二) 在构造参数过多的时候优先考虑使用构造器
    读书笔记-《Maven实战》-2018/5/3
    读书笔记-《Maven实战》-关于Maven依赖传递的思考 2018/4/26
    MySQL基础篇(07):用户和权限管理,日志体系简介
    SpringCloud微服务:Sentinel哨兵组件,管理服务限流和降级
    MySQL基础篇(06):事务管理,锁机制案例详解
    Java并发编程(02):线程核心机制,基础概念扩展
    SpringBoot2 整合ElasticJob框架,定制化管理流程
    Java基础篇(02):特殊的String类,和相关扩展API
  • 原文地址:https://www.cnblogs.com/koto/p/5864817.html
Copyright © 2011-2022 走看看