zoukankan      html  css  js  c++  java
  • let和const命令

    let命令

    1.let用来声明变量,类似于var,但只在代码块内有效。

    {
    	let a = 1;
    	var b = 2;
    }
    console.log(a); //a is not defined
    console.log(b); //2
    

    2.let命令只在块级作用域有效,所以很适合于for循环。

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

    3.let命令不存在变量提升

    众所周知,var命令存在变量提升。使得变量在声明之前就可以使用。

    console.log(a); //undefined
    var a = 1;

    而let则会报错。

    console.log(b); //ReferenceError: b is not defined
    let b = 1;
    

    4.暂时性死区

    ES6明确规定,如果区块内存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域,凡在声明之前使用这些命令,就会报错。

    在代码块内,使用let命令声明变量之前,该变量是不可用的。这叫“暂时性死区”(简称:TDZ)

    if (true) {
      // TDZ开始
      tmp = 'abc'; // ReferenceError
      console.log(tmp); // ReferenceError
    
      let tmp; // TDZ结束
      console.log(tmp); // undefined
    
      tmp = 123;
      console.log(tmp); // 123
    }
    

    5.let不允许重复声明变量

    // 报错
    function () {
      let a = 10;
      var a = 1;
    }
    
    // 报错
    function () {
      let a = 10;
      let a = 1;
    }
    

    不允许在函数内部从新声明参数

    function func(arg) {
      let arg; // 报错
    }
    
    function func(arg) {
      {
        let arg; // 不报错
      }
    }
    

    const命令

    1.const声明一个只读的常量,一旦声明不可改变。同时const变量一旦声明,必须立即进行初始化,不能留在以后赋值

    const PI = 3.1415926
    PI = 3.2 //TypeError: Assignment to constant variable.
    

    2.const与let命令一样,只在块级作用域内有效,不存在变量提升,存在暂时性死区

    3.const本质

    const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单数据类型(数字,字符串,布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。

    const student = {};
    student.age = 18; //可以添加成功
    console.log(student.age)
    
    //将student指向另一个对象,则会报错
    student = {};
    

    参考资料

    1.阮一峰《ES6入门》

  • 相关阅读:
    CSRF攻击原理
    大前端
    尊敬自己,才能拥有改变的力量
    重温尼采语录 序章
    人生的弹性 -- 观《聚宝盆》有感
    求学梦
    爱国情怀
    雾中见我
    找东西
    走在路上的感悟
  • 原文地址:https://www.cnblogs.com/helloluo/p/7472684.html
Copyright © 2011-2022 走看看