let 命令

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

一. 概述

1. es6新增let关键字作用? 答：用于声明变量，声明的变量只在let命令所在的代码块内有效。
2. let有什么特点与var相比不同点？ 答：① let不存在变量提升，var存在变量提升；② let定义变量需要先定义后使用，否则抛出异常；③ let不允许在相同作用域内，重复声明同一个变量。而var可以

二. let 命令

1.作用

• let命令是ES6 新增命令。用于声明变量，声明的变量只在let命令所在的代码块内有效。

① 特点-不存在变量提升

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

  //var 定义的b发生了变量提升  let定义的a抛出异常
  {
    let a = 10;
    var b = 1;
  }
  
  a // ReferenceError: a is not defined.
  b // 1
  

② 特点-let定义变量需要先定义后使用

• 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;
  }
  
  // 报错
  function func() {
    let a = 10;
    let a = 1;
  }
  

• 因此，也不能在函数内部重新声明参数。

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

④特点-暂时性死区

• 在块级作用域中，如果使用let命令声明某变量，则此块级作用域中此变量必须先声明后使用。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）

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

  //块级中tmp指向了let定义的tmp
  var tmp = 123;
  
  if (true) {
    tmp = 'abc'; // ReferenceError
    let tmp;
  }
  

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

  // 不报错
  var x = x;
  
  // 报错
  let x = x;
  // ReferenceError: x is not defined
  

• 对typeof的影响，若不在暂时性死区内如果一个变量根本没有被声明，使用typeof会打印"undefined"；而在暂时性死区内则会报错

  {
  typeof x; // ReferenceError
  let x;
  }
  //不在死区内
  typeof undeclared_variable // "undefined"
  

⑤特点-在for循环中适合使用let

• for循环的，适合使用let命令。

  //i只在for循环体内有效
  for (let i = 0; i < 10; i++) {
    // ...
  }
  
  console.log(i);
  // ReferenceError: i is not defined
  

• for循环中使用var和let对比

  //for循环将函数赋值在数组中，并打印i值，当时因为var i是全局变量，所以a数组中所有函数都打印10
  var a = [];
  for (var i = 0; i < 10; i++) {
    a[i] = function () {
  	console.log(i);
    };
  }
  a[6](); // 10
  

  //let i变量在每次循环都生成一个新变量，不会出现打印相同数据的问题
  var a = [];
  for (let i = 0; i < 10; i++) {
    a[i] = function () {
  	console.log(i);
    };
  }
  a[6](); // 6
  

• for循环，循环变量和循环体的作用域是各自独立的，设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

  //函数内部的变量i与循环变量i不在同一个作用域，有各自单独的作用域
  for (let i = 0; i < 3; i++) {
    let i = 'abc';
    console.log(i);
  }
  // abc
  // abc
  // abc