var-let-const三者的区别

• ES3创建变量用的是 var
• ES6创建变量用的是 let / const
• 那么var/let/const三者的区别？

// let VS const =>突出的是指针指向以及等号赋值的底层机制

// =赋值其实就是指针指向的过程，先创建值，再创建变量（引申：堆栈内存上以及AO/VO上 [点到为止]），最后指针关联；
LET创建的变量，是因为可以修改当前变量的指针指向，
而CONST创建的变量，指针指向一但确定，则不能再更改（引申：平时也看一些好的文章，有的文章中介绍CONST创建的是常量，我认为这样说法是不严谨的，因为毕竟它只是指针不能改变，如果指向的是一个对象，在不改变指针的情况下，我们是可以修改对象值的）

// 真实项目中，我们对于一些需要宏观管控的标识值，一般都是基于CONST创建（例如：vuex或者redux中需要派发的行为标识），以及一些后续不能再更改指向的变量或者函数，也会基于CONST创建！

// var VS (let/ const)
// 1. LET不存在变量提升(加一句：所以不能在声明的代码之前使用)，我之前在公司写项目，基本上都是基于ES6 LET处理了，这样我会把后续需要用到的变量，在代码起始的位置都先声明定义一下（给的是默认值） “变量声明前置”，而且创建函数也一般都是基于函数表达式的方式创建了，保证只有在创建代码的后面函数才可以有效执行…

// 2. LET不允许重复声明 （真实项目中，代码量较多，除了声明前置，可以避免重复声明报错的问题，而且我会尽可能把业务拆分，每一个小模块单独在一个闭包中，降低相同上下文中变量声明的个数，这也是防止重复声明的办法…）

// 3. 在全局上下文中，基于LET声明的全局变量和全局对象GO(window)没有任何的关系，VAR声明的变量会和GO有映射机制（把映射机制简单阐述一下…）

// 4. 暂时性死区问题，基于typeof检测一个未被声明的变量，不会报错，结果是undefined（引申：我之前看过一些类库的部分源码，比如JQ，他们利用这个机制，检测上下文中是否存在window/module，从而验证出是浏览器环境还是Node环境…）；但是如果此变量在后面会被LET声明，则直接报错，错误信息是：不允许在声明之前使用变量（这是浏览器词法解析阶段处理的事情）

// 5. 我认为除了上述，最重要的还是 LET/CONST/FUNCTION 都会把当前所在的大括号（除函数以外）作为一个全新的块级上下文；应用这个机制，我们在项目开发的时候，如果遇到循环事件绑定等类似的需求，无需在自己构建闭包来存储了，只需要基于LET的块作用的特征即可解决，很方便…当然还有一些其它的应用，也是利用块上下文的特点完成的…

// … 我看过一些文章，还有一些其它的区别，但是我认为最常见的区别就是上述五个!

let n = 10;
n = 11;
console.log(n); //=>11

const m = 10;
m = 11; //=>Uncaught TypeError: Assignment to constant variable.
console.log(m); 

const obj = {
	name: 'xxx'
};
obj.age = 10;
console.log(obj); //=>{name:'xxx',age:10}


// console.log(n);//=>Uncaught ReferenceError: Cannot access 'n' before initialization
// let n = 10;

// let fn = function fn() {};

// // Uncaught SyntaxError: Identifier 'n' has already been declared 词法解析阶段发现相同的上下文中有重复声明的操作（而且其中有LET/CONST，就会报错）
 let n = 10;
 var n = 10;
//-----------------------------
 let n = 10;
 console.log(window.n); //=>undefined

/* // console.log(typeof n); //=>"undefined" 检测一个没有被声明过的变量，不会报错，结果是UNDEFINED而已   “暂时性死区”：浏览器BUG

// console.log(typeof n); //=>Uncaught ReferenceError: Cannot access 'n' before initialization
// let n; */

 for (let i = 0; i < 5; i++) {
	setTimeout(_ => {
		console.log(i);
	}, 1000);
} 


{
	let n = 10;
	console.log(n); //=>10
}
console.log(n); //=>Uncaught ReferenceError: n is not defined