美文网首页
es6-let和const

es6-let和const

作者: ysdyyy | 来源:发表于2020-01-19 16:33 被阅读0次

    1:let

    基本语法

    let 声明的变量,只在let命令所在的代码块内有效

    {
        let a = 1;
        var b = 1;
    }
    

    for循环设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。

    for (let i = 0; i<3; i++){
         let i = 'abc';
         console.log(i);
    }
    
    不存在变量提升
    console.log(foo);// 输出undefined
    var foo = 1;
    
    console.log(b);// 报错ReferenceError
    let b = 1;
    
    暂时性死区

    只要块级作用于内存在let命令,它所声明的变量就绑定这个区域,不再受外界影响

        var t = 1;
        if (true){
            t = 2;// ReferenceError
            let t;  
        }
    

    在代码块内,使用let命令声明变量之前,该变量都是不可用的,这在语法上,成为“暂时性死区”

    不允许重复声明

    2:块级作用域

    为什么需要块级作用域
    • 内层变量可能会覆盖外层变量
    • 用来计数的循环变量泄露为全局变量
    ES6的块级作用域

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

    function f1(){
        let n = 5;
         if(true){
            let n = 10;
         }
         console.log(n);// 5
    }
    

    内层作用域可以定义外层作用域的同名变量。

    函数能不能在块级作用域中声明?
    • ES5规定,函数只能在顶层作用域和函数作用域中声明,不能在块级作用域声明
    • 浏览器没有遵守这个规定,为兼容以前旧代码
    • es6引入块级作用域,明确允许在块级作用域中声明
    • 块级作用域内声明的函数类似于let。
    • 为减轻兼容问题,ES6规定浏览器的实现可以不遵守此规定,有自己的行为方式。

    3:const

    基本用法
         const PI = 3.14;
    

    声明一个只读常量。

    本质
    • 变量指向的内存地址所保存的数据不得改动。
    • 简单类型数据的值,就保存在变量指向的内存地址,因此等同于常量
    • 符合类型数据,变量指向的内存地址保存的是指向实际数据的指针,const保证该指针不可更改

    4:顶层对象的属性

    • 浏览器环境顶层对象是window对象,Node环境指的是global对象。
    • 在ES5中,顶层对象的属性与全局变量是等价的
       window.a=1;
       a;//1  
    
    • ES6规定:var,function声明的全局变量,依旧是顶层对象的属性;let,const,class声明的全局变量,不属于顶层对象的属性

    参考:http://es6.ruanyifeng.com/#docs/let

    相关文章

      网友评论

          本文标题:es6-let和const

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