关于javascript:let和const命令

let和const命令

1.let命令

• 根本用法

  let用来申明变量，它所申明的变量，只在let命令所在的代码块内无效。

{
    var a = 1;
    let b = 1;
}
a  //1
b  //ReferenceError: b is not defined

• 不存在变量晋升

  let申明的变量肯定要在申明后应用。

// var 的状况
console.log(foo); // 输入undefined
var foo = 2;

// let 的状况
console.log(bar); // 报错ReferenceError
let bar = 2;

• 暂时性死区（temporal dead zone，简称 TDZ）

  只有块级作用域内存在let命令，它所申明的变量就“绑定”（binding）这个区域，不再受内部的影响。

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

• 不容许反复申明

  let不容许在雷同作用域内，反复申明同一个变量。

2.块级作用域

• 为什么须要块级作用域？

  1.内层变量可能会笼罩外层变量

  let a = 1;
  function f() {
      consoel.log(a);
      if(false) {
          var a = 2;
      }
  }
  f();  //undefined

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

  var s = 5;
  
  for(var i = 0;i < s; i++){
      //dosomething...
  }
  
  console.log(i);  // 5

• ES6的块级作用域

  1.外层代码块不受内层代码块的影响

  2.ES6容许块级作用域的任意嵌套

  3.内层作用域能够定义外层作用域的同盟变量

• 块级作用域与函数申明

  1.ES5 规定，函数只能在顶层作用域和函数作用域之中申明，不能在块级作用域申明。

  2.然而，浏览器没有恪守这个规定

  3.ES6 引入了块级作用域，明确容许在块级作用域之中申明函数。

//es5环境
function f() { console.log('I am outside!'); }

(function () {
  if (false) {
    // 反复申明一次函数f
    function f() { console.log('I am inside!'); }
  }

  f();  // I am inside!
}());

//es6环境
function f() { console.log('I am outside!'); }

(function () {
  if (false) {
    // 反复申明一次函数f
    function f() { console.log('I am inside!'); }
  }

  f();  // Uncaught TypeError: f is not a function
}());

3.const命令

• 根本用法

  1.const申明一个只读的常量，一旦申明，常量的值就不能扭转

  2.这意味着，const一旦申明变量，就必须立刻初始化，不能留到当前赋值。

  const foo;
  // SyntaxError: Missing initializer in const declaration

  3.const命令和let命令相同点：

  a.只在申明所在的块级作用域内无效
  
  b.申明的值不晋升，同样存在暂时性死区
  
  c.不可反复申明
  

• 实质

  1.const实际上保障的，是变量指向的内存地址所保留的数据不得改变。

  2.对应复合类型的数据，const只能保障这个指针是固定的，不能管制它指向的数据结构是不是可变的。

• ES6申明变量的六种办法

  1.ES5：var命令 和 function命令

  2.ES6：let,const,import,class

4.顶层对象的属性

a.顶层对象，在浏览器环境指的是window对象，在Node指的是global对象。

b.es5中，顶层对象的属性与全局变量是等价的。

c.es6中，let命令、const命令、class命令申明的全局变量，不属于顶层对象的是属性。

5.globalThis对象

ES2020 在语言规范的层面，引入globalThis作为顶层对象。
也就是说，任何环境下，globalThis都能够指向全局环境下的this。