• ES6(一) let and const


    1、let 用于变量声明,仅在块级作用域内有效。

         ES6新增了块级作用域,在ES5中没有块级作用域这个概念。

           {
                let a = 10;
                var b = 1;
            }
            console.log(b); //1
            console.log(a); //undefined

    2使用let 避免闭包的形成,每一次循环的i其实都是一个新的变量

       如下:如果使用 "var i=0",则输出的结果是10.

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

    3、不存在变量的提升,必须声明后再使用

     console.log(foo); //ReferenceError: foo is not defined
     let foo='test';

    4、暂时性死区,只要块级作用域存在let命令,它所声明的变量就绑定这个区域,不再受外部影响

        即 在代码块内,使用let声明变量之前,该变量都是不可用额,称为 temporal dead zone.

          if (true) {
                 temp='abc';
                 console.log(temp); //ReferenceError: temp is not defined
    
                let temp;
                console.log(temp);
            }

    5、不允许重复声明,不能再函数内部重新声明参数,但如果另开辟一个块级作用域除外。

         function func(arg) {
                let arg = 222;//error
                {
                    let arg = 3333;//ok
                }
            }

    6、const 声明一个只读的常量,一旦声明,必须初始化。

         (一):作用域与let命令相同,只在声明的块级作用域内有效

          (二):不存在作用域提升,同样存在暂时性死区,只能在声明位置后使用

          (三):不可重复声明

    console.log(MAX);//error
    const MAX = 5;

     

    7、对于复合类型的变量,变量名不指向数据,而是指向数据所在的地址

         const只是保证变量名指向的地址不变,并不保证改地址的数据不变;

         如果不希望改变对象属性,则应该使用Object.freeze();

          const person = {};
    
            person.name = 'jackey';
            person={}; //error
    
            const readyOnlyPerson = Object.freeze({});
    
            readyOnlyPerson.name = 'jack';//虽然不报错,但是输出的值是 undefined

    8、let、const、class 命令声明的全局变量,不属于全局对象的属性。
         let global='test global';
         console.log(window.global);//undefined

     

  • 相关阅读:
    IntelliJ Idea 快速配置
    常用资源工具集合
    IntelliJ Idea 快捷键大全
    spring boot注解梳理
    boot中的Scheduling定时器使用笔记
    OKHttp使用笔记
    EasyExcel使用笔记
    自定义注解用AOP实现接口信息打印
    Java的具体集合
    linux修改系统时间
  • 原文地址:https://www.cnblogs.com/xianrongbin/p/6782270.html
Copyright © 2020-2023  润新知