ES6变量

变量

var

var 声明作用域

使用var操作符定义的变量会成为他的函数的局部变量

在函数内定义变量时省略var操作符，可以创建一个全局变量（一般不用）

在局部定义域中定义全局变量很难维护，会造成困惑，在严格模式下会抛出ReferenceError

可以在一条语句中用逗号分隔多个变量

var变量提升

使用关键字声明的变量会自动提升到函数作用域的顶部，反复提升多个变量也没有问题

function foo(){		
 console.log(age);
 var age = 10;
}
foo();	//undefined

function foo(){		//ECMASrcipt运行时会等价为以下代码
 var age ;
 console.log(age);
 age = 10;
}
foo();	//undefined

let

let声明的范围是块级作用域，而var的声明范围是函数作用域

JavaScript引擎会记录用于声明变量的标识符及其所在的块作用域，因此嵌套使用相同的标识符不会报错，而这是因为同一个块中没有重复声明

暂时性死区

let 声明的变量不会在作用域中被提升

在解析代码时，JavaScript引擎也会注意出现在块后面的let声明，只不过在此之前不能以任何方式来引用未声明的变量。在let声明出现之前的执行瞬间被称为“暂时性死区”

全局声明

使用let在全局作用域中声明的变量不会成为window对象的属性（var 会）

当时let声明仍然在全局作用域中发生的，对应变量会在页面的生命周期中存续

条件声明

使用var声明变量时，由于声明会被提升，JavaScript引擎会自动将多余的声明在作用域顶部合并为一个声明。因为let的作用域是块，所以不可能检查前面是否使用了let声明过同名变量。

<script>
 var name = 'aaa';
	let age = 10;
</script>
<script>
 //假设脚本不确定页面中是否声明过了同名变量，那他可以假设没被声明过
 var name = 'bbb';
	//不会报错，因为var可以提升声明
	let age = 12;
	//let声明过，会报错
</script>

for循环中的let声明

1. var定义变量

   for(var i = 0;i < 5;i++){
   	setTimeout(()=>console.log(i),0);
   }
   //输出5,5,5,5,5
   

   原因：在退出循环时，迭代变量保存的是导致循环退出的值：5 。在此后执行超时逻辑时，所有的i都是同一个变量，因而输出同一个最终值（js单线程应用）

2. let定义变量

   for(let i = 0;i < 5;i++){
   	setTimeout(()=>console.log(i),0);
   }
   //输出0,1,2,3,4
   

   原因：使用let声明迭代变量时，JavaScript引擎在后台会为每一个迭代循环声明一个新的迭代变量，每个setTimeout引用的都是不同的变量实例，所以输出期望值

const

const的行为基本上与let相同，唯一一个重要的区别就是用它声明变量的时候必须同时初始化变量

且尝试修改const声明的变量会导致运行时错误，声明的限制只适用他指向的变量的引用，也就是说，如果const引用的是一个对象，则改变对象内部的属性则合法

const不允许重复声明，作用域也是块