ES6中的块级作用域

JavaScript中的块级作用域

1. var的用法

	*使用 var 声明变量，是没有块级作用域的
	*如果var在一个代码块内声明一个变量，那么这个变量在代码外也是可见的。

if(true){
    var a = 1;
}
console.log(a);

	//输出结果为     1

2. let的用法

	*使用 let 或 const 声明变量时，块级作用域就出现了

if(true){
    let a = 1;
}
console.log(a);

	//输出结果报错
	./src/index.js
	  Line 9:13:  'a' is not defined  no-undef

++ 此时变量a属于 if 的作用域，出了 if 的作用域将不可见

++ 块级作用在循环中能够发挥重要作用

循环案例：
案例1：
var a = [];
for(var i = 0;i <= 4;i++){
    a[i] = function(){
        console.log(i);
    }
}
a[0]();//输出结果为	5

案例2：
var a = [];
for(let i = 0;i <= 4;i++){
    a[i] = function(){
        console.log(i);
    }
}
a[0]();//输出结果为	0

	案例1的输出结果为5是因为var在for循环中声明了一个全局变量i，而此时function（）中的console.log(i)中的i在全局中只有一个存储空间分配给它，所以i的值会随着循环的次数发生递增改变的。而let声明的局部变量就不会这样。

3. 变量的提升

	*一个变量或者一个function（函数或者方法）在它们声明之前被调用，且对它们的结果没有影响，那么这就是变量提升。在JavaScript中函数和变量的声明一般都会被解释器提到方法体的最顶部。

代码的解析过程：
初始代码：
console.log(c = 3); //3
test();//test()
var c;
function test(){
    console.log("test()");
}

解析后的的代码：
function test(){
    console.log("test()");
}
var c = 3;
console.log(c);
test();

++ 解析之后，函数声明提升到了变量声明之前，在JavaScript的变量提升中，函数的优先级大于变量的优先级

//通常声明函数的方法有如下两种：
var f = function f(){}//函数表达式
function f(){}//函数声明方式

//但如上两种方式在变量提升中，只有后者会提升，前者并不会。
下面看一个例子：

f1();
f2();
function f1(){
    console.log('f1');
}
var f2 = function f2(){
    console.log('f2');
}

//此时结果会报错 	./src/index.js
// Line 5:1:  'f2' was used before it was defined  no-use-before-define
// 意思就是f2()并没有被提升上去。导致了f2()在调用之前并没有被声明；

	*使用 let 和 const 声明变量的时候，则不会出现变量提升的情况：
		-ES6 规定，如果区块中存在 let 和 const 命令，凡是在它们声明之前使用这些变量，都会报错；
		-不允许重复声明；

function test(){
    let a = 1;
    let a = 2;
}
test();
//或者这样
function test(){
    let a = 1;
    var a = 2;
}
test();

4. 说说 let 和 const 的区别：

*let 在声明变量的时候可以直接赋值，也可以不用赋值
*const 在声明变量的时候一定要赋值