React学习之ES6学习Day1_react es6 let-CSDN博客

本文链接：https://blog.csdn.net/yangchunshang/article/details/78714417

一、初步认始。

ES6：ECMAScript 即指 javascript的后继版本。

二、ES6 let和 const 命令

let命令的基本用法。

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

例如以下代码：由于let变量仅在声明它的块级作用域内有效，因此i每一轮都会被覆盖掉，所以a[6]()的结果为6.

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

    不存在变量提升，let不像var那样会发生“变量提升”现象。所以，变量一定要在声明后使用，否则会发生报错。

暂时性死区：

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

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

不允许重复声明

let不允许在相同作用域内，重复声明同一个变量。

块级作用域与函数声明

函数能不能在块级作用域之中声明，是一个相当令人混淆的问题。

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

如：if (true) {
  function f() {}
}

// 情况二
try {
  function f() {}
} catch(e) {
}
ES6中就不同了，其块级作用域内的声明的函数类似于let，对作用域之外没有影响。
const命令
const声明一个只读的常量。一旦声明，常量的值就不能改变