let、var、const的区别

• 在当前执行上下文代码执行之前，首先会把所有带var或者function关键字的声明或者定义（带var的只是提前声明，带function会提前的声明+定义）
• 全局变量对象VO(G)中声明的变量（用var声明的），也会给全局对象GO中增加一个对应的属性；但是用let声明的变量不存在这个特点；

  var x = 12;
  console.log(window.x); //=>12
  
  let x = 12;
  console.log(window.x); //=>undefined
  

• let存在块级作用域（var没有）
• 带var的是可以重复声明的（词法解析可以审核过），执行阶段遇到已经声明过，不会在重新声明；但是let是不可以，词法解析阶段都过不去，也就不存在引擎去执行代码的阶段了；
• let和const：let创建的变量是可以更改指针指向的（也就是可以重新赋值的）,但是const声明的变量是不允许改变指针指向的。
  1、变量提升
  2、不允许重复声明
  3、块级作用域
  —循环闭包处理
  —块级作用域处理
  4、暂时性死区

function fn() {
	x = 100;
}
fn();
console.log(window.x);
此时的x不是AO（FN）中的私有变量，则向全局找，此处相当于给全局VO（G）变量对象中设置了一个x的全局变量，也相当于给全局对象GO设置了一个x的属性

现在项目中创建函数，一般都是基于函数表达式来实现，这样防止其提前变量提升
let fn = function(){ }

10MS后连续输出五个5
for (var i = 0; i < 5; i++) {
//定时器是异步操作:不用等定时器到时间，继续下一轮循环
	setTimeout(_ => {
		console.log(i);   // 5,5,5,5,5
	}, 10);
}

10MS后连续输出0~4
for (var i = 0; i < 5; i++) {
每一轮循环都执行自执行函数，形成全新的执行上下文EC
并且把每一轮循环的全局i的值，当做实参赋值给私有下文中的私有变量i（形参变量）
10MS定时器触发执行，用到的i都是私有EC中的保留下来的i
充分利用闭包的机制（保存/保护）来完成的（这样处理不太好，循环多少次，就形成了多少个不销毁的EC）
	(function (i) {
	// 		 * EC(自执行)
	// 		 *   AO(自执行) 
		i = 0~4
	// 		 *   创建一个匿名函数_=>{...} BBBFFF000
	// 		 *   BBBFFF000[[scope]]:AO(自执行)
	// 		 *   window.setTimeout(BBBFFF000，10);
		setTimeout(_ => {
		// 			 * EC(BBBFFF000) 
		// 			 *   AO(BF0)  <AO(BF0),AO(自执行)>
			console.log(i);
		}, 10);
	})(i);
}

let存在块级作用域（var没有）
for (let i = 0; i < 5; i++) {
	setTimeout(_ => {
		console.log(i);
	}, 10);
} 

{
	父块作用域
	let i = 0;
	第一轮循环
	{
		子块作用域
		let i = 0;
		setTimeout(_ => {console.log(i);}, 10);
	}
	i++; //=>i=1
	第二轮循环
	{
		子块作用域
		let i = 1;
		setTimeout(_ => {console.log(i);}, 10);
	}
	// ....
} 

EC(G):全局上下文中的变量提升

不论条件是否成立，都要进行变量提升(细节点:条件中带function的在新版本浏览器中只会提前声明，不会在提前的赋值了)

• [老版本]
  • var a;
  • func=函数;
• [新版本]
  • var a;
  • func;

console.1og(a, func); //=>undefined undefined
if (!("a" in window)) {
//=>"a" in window 检测a是否为window的一 -个属性   !TRUE => FALSE
var a = 1;
function func() {}
console.1og(a); //=>undefined

var foo = 1
function bar(){
	// 不论条件是否成立是会进行变量提升
	if(!foo){
		var foo = 10
	}
	console.log(foo)  // => 10
}
bar()

现在最新版本的浏览器是很惨的

=> 向前兼容ES3/5规范

• 判断题和函数体等不存在块级上下文,上下文只有全局和私有
• 不论条件是否成立,带function的都要声明+定义

=> 向后兼容ES6规范

• 存在块级作用域,大括号中出现let/const/function…都会被认为是块级作用域
• 不论条件是否成立,带function的只提前声明,不会提前赋值了

var a= 0;
if (true) {
	a=1;
	function a(){};
	a= 21;
	console.log(a)  // => 21
}
console.log(a);  // => 1