ES6基础语法学习

1.ES6简介

全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。

2.let命令

一.ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。
二.for循环的计数器，很合适使用let命令。
另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

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

三.不存在变量提升
var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined
let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

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

四.暂时性死区
在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”

var tmp = 123;

if (true) {
   
  tmp = 'abc'; // ReferenceError
  let tmp;
}
上面代码中，存在全局变量tmp，但是块级作用域内let又声明了一个局部变量tmp，
导致后者绑定这个块级作用域，所以在let声明变量前，对tmp赋值会报错。

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

在变量x的声明语句还没有执行完成前，就去取x的值，导致报错”x 未定义“。
// 不报错
var x = x;

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

七.不允许重复声明

let不允许在相同作用域内，重复声明同一个变量
// 报错
function func() {
   
  let a = 10;
  var a = 1;
}

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

八.ES6 的块级作用域

function f1() {
   
  let n = 5;
  if (true) {
   
    let n = 10;
  }
  console