var let const区别

一直以来对let，const的块级作用域都有点是懂非懂；

有一次帮别人解答问题的时候突然就理解了。

先说var

var有两个作用域：全局作用域和函数作用域；

定义在函数作用域内部，只有函数内部可以调用；譬如：

function a(){
    var i=0;
    return function(){
        console.log(i++)
    }
}
var b=a()
b()//0
b()//1

上面的例子其实是一个闭包；闭包定义在函数内部，b函数在哪里调用没有关系，变量的位置在编译的词法分析阶段就确定了。

全局作用域，就是定义在window上，在任何地方都可以被调用；

var 变量提升

js代码在运行之前，会先进行一些变量的提升,形成词法作用域；

例如：

console.log(aa) // undefined
var aa = function () {
    console.log("a")
}


function aa () {
    console.log("a")
}
var aa = 'cc'
console.log(aa) // cc  可以看到函数声明提升优先级高于变量；所以函数aa会被变量aa覆盖，从而输出'cc'

let的特点：块级作用域；不能重复声明；不能变量提升，可以修改值； 

一个很经典的例子；

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

{let i=0;{
    let i=1;
    console.log(i)
   }
}


for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
//'abc'
//'abc'
//'abc'

for循环生成了10个块级作用域，每个{}里面传入let i=。。。；而这个i是在块级作用域的父级作用域，for循环中可以重新定义let i；

至于for (let i = 0; i < 3; i++) {中，let每次定义的值不一样。阮一峰说：这是因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。。。。那我就这么理解吧。。。。。

 

不能重复声明：

let i=0;

let i=1;
VM1588:1 Uncaught SyntaxError: Identifier 'i' has already been declared
    at <anonymous>:1:1
(anonymous) @ VM1588:1

 不能变量提升：
 

console.log(m);let m=1
VM1672:1 Uncaught ReferenceError: Cannot access 'm' before initialization
    at <anonymous>:1:13

可以修改值：

let upperB = 'B';
console.log('打印大写的B：%s', upperB);
// 结果：打印upperB：B
upperB = 'LetterB';
console.log('打印大写的B：%s', upperB);

const 不能变量提升；不能修改值；块级作用域；

大部分都与let相同；只有一点，不能修改值；有一点点区别，然后我也想讲一个有趣的例子；

const a={
    name:'nw'
}
undefined
a.name='lw'
"lw"
这个修改的不是a的值；a本身保存的是它的引用地址，它的引用地址是没有变化的。所以尽管它的name属性变了，它保存的值依然没有变化。

为什么需要块级作用域？阮一峰的解释：

ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。
第一种场景，内层变量可能会覆盖外层变量。
var tmp = new Date();

function f() {
  console.log(tmp);
  if (false) {
    var tmp = 'hello world';
  }
}

f(); // undefined
上面代码的原意是，if代码块的外部使用外层的tmp变量，内部使用内层的tmp变量。
但是，函数f执行后，输出结果为undefined，原因在于变量提升，导致内层的tmp变量覆盖了外层的tmp变量。
第二种场景，用来计数的循环变量泄露为全局变量。
var s = 'hello';

for (var i = 0; i < s.length; i++) {
  console.log(s[i]);
}

console.log(i); // 5
上面代码中，变量i只用来控制循环，但是循环结束后，它并没有消失，泄露成了全局变量。

让匿名自执行函数不在具有必要性（因为匿名自执行函数的主要目的：避免全局污染和隐私保护，这个let可以做到）