ES6 let和const命令

冷不防 2022-12-17 12:56 171阅读 0赞

# 一.let命令 #

1.  基本用法:
    
    let用来声明变量, 用法类似于var, 但是声明的变量只在let命令所在的代码段中有效.
    
        { 
            let a = 1;
            var b = 2
        }
        a //a is not defined
        b //2
2.  不存在变量提升
    
    var命令会存在变量提升现象, 即变量可以在声明之前使用, 值为undefined.
    
        console.log(a); // undefined
        var a = 1;
        condole.log(b); // 报错
        let b = 2
3.  暂时性死区
    
    只要块级作用域内存在let命令, 它所声明的变量就’绑定’这个区域, 不再受外界影响.
    
        var a = 1;
        if(true){ 
            b = 2; //报错
            let b
        }
    
    ES6明确规定, 如果区块中存在let和const命令, 这个区块对这些命令声明的变量, 从一开始就形成了封闭作用域, 所以在let声明变量前, 对b赋值会报错.
4.  不允许重复声明
    
    let不允许在相同作用域内, 重复声明同一个变量.
    
    因此, 不能在函数内部重新声明参数.

# 二. const命令 #

1.  const声明一个只读的常量, 一旦声明, 常量的值就不能改变.
    
        const a = 1;
              a = 2;
        //" "a" is read-only"
    
     *  const声明的变量不能改变值, 所以在声明变量时, 就必须立即初始化, 不能留到以后赋值(会报错).
     *  const和let作用域相同: 只在声明所在的块级作用域内有效.
2.  本质:
    
    const声明的变量指向的是那个内存地址所保存的数据不得改动. 如果数据是复合类型的数据(主要是对象和数组), 依然可以为其添加新的属性. 但是所指向的地址不能改变.
3.  冻结的对象
    
    如果使用Object.freeze方法将对象冻结, 那么添加新属性时不会起作用, 严格模式下会报错.
    
        const foo = Object.freeze({ })
        foo.prop = 123 //报错