你可能不知道的let与const


let

  • var声明的变量会发生变量提升,在var声明之前调用该变量会数处undefined,但是let声明的变量不会发生提升,在声明之前调用就会报错

    // var 的情况
    console.log(foo); // 输出undefined
    var foo = 2;
    
    // let 的情况
    console.log(bar); // 报错ReferenceError
    let bar = 2;
  • let不允许在相同的作用域内声明相同的变量否则会报错

     // 报错
    function func() {
      let a = 10;
      var a = 1;
    }
  • 块级作用于有以下两个用处
    内层变量覆盖外层变量

    var tmp = new Date();  
    
    function f() {
      console.log(tmp);
      if (false) {
        var tmp = 'hello world'; // 这里会发生变量提升
      }
    }
    
    f(); // undefined

    用来计数的循环变量泄露为全局变量

    var s = 'hello';
    
    for (var i = 0; i < s.length; i++) {
      console.log(s[i]);
    }
    
    console.log(i); // 5
函数声明与变量声明的潜规则
  • 允许在块级作用域内声明函数(es6规定的在严格模式下只有在{}内部才可以声明函数)
  • 函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
  • 同时,函数声明还会提升到所在的块级作用域的头部,优先于变量的声明

    funtion fun(){};
    var fun;   // 这里不管先声明谁fun输出的永远都是函数
    fun  //f fun(){}

const

  • const声明的常量声明就必须初始化也就是必须赋值,否则就会报错(若是定义引用类型数据则可以改变并不会报错)

    const obj = {a:{b:2}}
    a.b=3
    obj    // {a:{b:3}}
  • 同let声明的变量一样,const不能重复声明同一变量,同时const也是块级作用域

小结与扩展

  • const保证的实际上并不是变量的值不可改变,而是指变量存放的地址不可改变,对于简单的数据类型(数字,字符串,boolean)值就保存在变量指向的那个地址(栈区),所以是不可改变的。
  • 但是对于复杂类型的数据(数组、对象),保存的是一个指针,真正的数据是存储在堆区,只能保证这个指针不会变化,不能保证里面的数据不发生变化
  • es6的变量声明方式:var function let const import export
  • 在es5中声明的全局变量是和顶层对象的属性对等的
  • 获取全局对象的方法

    var getGlobal = function () {
      if (typeof self !== 'undefined') { return self; }
      if (typeof window !== 'undefined') { return window; }
      if (typeof global !== 'undefined') { return global; }
      throw new Error('unable to locate global object');
    };

永恒
5 声望0 粉丝

前端工程师