ES6--let与const

悠悠 2021-08-14 02:20 409阅读 0赞

#### let命令 ####

let声明的变量只在let命令所在的代码块内有效。而var声明的变量是在全局范围内有效。

if(true){ 
        var i = 0;
    }
    console.log(i);//i=0

if(true){ 
        let i = 0;
    }
    console.log(i);//变量i未找到

let只能声明一次，而var可以声明多次

//重复定义问题
    var i = 0;
    switch(i){ 
        case 0:
            let value = 'hello';
            break;
        case 1:
            let value = "world";//重复定义错误
            break;
    }

for循环计数器很适合用let

for (var i = 0; i < 10; i++) { 
      setTimeout(function(){ 
        console.log(i);
      })
    }
    // 输出十个 10
    for (let j = 0; j < 10; j++) { 
      setTimeout(function(){ 
        console.log(j);
      })
    }
    // 输出 0123456789

let不存在变量提升，var会提升变量

//变量a用let声明不存在变量提升，在声明变量a之前，a不存在，所以会报错
    console.log(a);  //ReferenceError: a is not defined
    let a = "apple";
     
     //变量b用var声明存在变量提升，所以当脚本开始运行时，b已经存在了，但是还没有赋值，所以输出undefined
    console.log(b);  //undefined
    var b = "banana";

#### const命令 ####

const声明一个只读变量，声明之后不允许改变。一旦声明必须初始化，否则报错。

//常量定义
    const data = 10;   
    console.log(data);
    data = 100;//执行错误
    
    
    //const指向的地址不能改变
    const list = [10, 20, 30];
    console.log(list);
    list[1] = 100;//成功
    console.log(list);
    list = [1,2,3];//报错

const 其实保证的不是变量的值不变，而是保证变量指向的内存地址所保存的数据不允许改动。此时，你可能已经想到，简单类型和复合类型保存值的方式是不同的。是的，对于简单类型（数值 number、字符串 string 、布尔值 boolean）,值就保存在变量指向的那个内存地址，因此 const 声明的简单类型变量等同于常量。而复杂类型（对象 object，数组 array，函数 function），变量指向的内存地址其实是保存了一个指向实际数据的指针，所以 const 只能保证指针是固定的，至于指针指向的数据结构变不变就无法控制了，所以使用 const 声明复杂类型对象时要慎重。