ES6学习笔记_let和const

let

不存在变量提升

console.info(a);//undefined;
var a="zhang";
//分割线
console.info(a);//ReferenceError:a is not defined
let a="zhang";

在同一作用域内，不允许重复声明

var a="zhang";
var a="wang";
console.info(a);//"wang";
//分割线
let a="zhang";
let a="wang";//error
//分割线
{
let a="zhang";
}
let a="wang";
console.info(a);//"wang";
//分割线
function test(args){
let args;//error
};
//分割线
function test(args){
{
let args;//不是同一作用域，不会报错
}
}
//分割线
let i="a";
for(let i=0;i<10;i++){
let i="abc";//不会报错，因为全局中的i，for中的i，与循环体中的i都不在同一个作用域
}

暂时性死区
ES6规定，在区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域，凡是在声明之前就使用这些变量，就会报错。即任何情况下操作未声明的变量就会报错，但在有let,const的情况下，使用typeof操作符也会报错。

function test(x=y,y=3){
return x+y;
};
test();//error,y is not defined;
//分割线
typeof x;//undefined;
//分割线
typeof x;//error
let x;

具有块级作用域
只在声明的区块中有效。作用域链上的也可以访问。

for(var i=0;i<5;i++){
};
console.info(i);//5;
for(let i=0;i<5;i++){
};
console.info(i);//error;
//分割线
function test() {
  let n = 5;
  if (true) {
    let n = 10;
  }
  console.log(n); // 5
}

const

const命令定义的是常量，不能第二次赋值，声明的的时候要初始化值，否则会报错，命名一般为大写字符。不能改变值的本质原因是不能改变这个常量指向的内存地址，基本类型内存地址和取值一样，没有特殊之处，如果常量的值指向了一个对象，那么对象的内容是可以改变的，不能改变的是指向这个对象的引用地址。

const NUM_A;//SyntaxError: Missing initializer in const declaration
const NUM_B="zhang";
NUM_B="wang";//TypeError: Assignment to constant variable.
//分割线
const O={name:"zhang"};
O.name="wang";
console.info(O);//{name:“wang”}
O={};//error

具有块级作用域

{
const UNAME="zhang";
}
console.info(UNAME);//error

不能变量提升

if (true) {
  console.log(MAX); // ReferenceError
  const MAX = 5;
}

在同一作用域内，不能重复声明

var username="zhang";
let age=25;
const username="li";//error;
const age=26;//error;

块级作用域

ES6中引入了块级作用域的概念，之前的标准中只有全局作用域和函数作用域。

在ES5标准中规定只能在全局作用域和函数作用域中定义函数，但是浏览器厂商没有遵循这个规定，所以在ES5中是可以在块级作用域中定义函数的。在ES6标准中规定可以在块级作用域中定义函数,函数声明语句的行为类似于let语句，并且在块级作用域外不能访问。如果按照这个规则来处理块级作用域中的函数声明，那么之前写的老代码就会产生影响。为了减轻因此产生的不兼容问题，ES6也规定浏览器可以不参考上面的规则，可以有自己的行为：

1.函数可以在块级作用域中定义；
2.函数声明语句的行为类似于var语句，会被提升到全局作用域或函数作用域头部。
3.函数声明的语句会提升到所在块级作用域的头部；

上面三条规则只对实现ES6标准的浏览器有效。

// 浏览器的 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

上面的代码在ES6环境下面会报错，根据上面三条规则它实际执行的顺序为：

// 浏览器的 ES6 环境
function f() { console.log('I am outside!'); }

(function () {
  var f=undefined;
  if (false) {
    // 重复声明一次函数f
    function f() { console.log('I am inside!'); }
  }

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

由于在块级作用域中定义函数在不同环境的差异太大，所以不提倡，非要定义可以用函数表达式的形式代替。

---

总结
由于js之前的标准比如var,function命令声明的变量，会有变量提升，没有块级作用域，可以重复声明，全局声明会加载到全局对象下面等“特性”会导致出现出乎意料的问题。为了修复这些问题，ES6标准并没有取消上面的命令，保留之前的特性，只是新引入了let,const命令，也引入了块级作用域。块级作用域只是对新加入的命令有效，对var声明的变量没有作用。对于块级作用域中的函数声明语句也做了特殊处理，为了减少新老版本的差异，不提倡在块级作用域中使用函数声明语句，可以用函数表达式代替。