作用域跟变量函数提升

Javascript作用域分为全局作用域跟函数作用域还有ES6加入的块级作用域

在函数体内，局部变量的优先级要高于全局变量。如果在函数体内重新声明一个与局部变量重名的变量，局部变量就会覆盖全局变量的值。

函数及变量的提升

在Javascript中，函数及变量的声明都将被提升到函数的最顶部。
即你在第10行才定义变量或函数，实际解析器在执行你代码时会悄悄的把他放到第1行。
比如：

function fn () {
	if (false) {
		var x = 10;
	}
	return;
	var y = 20;
}

在运行的时候其实代码就被解析器偷偷的改成如下：

function fn () {
	var x, y;
	if (false) {
		x = 10;
	}
	return;
	y = 20;
}

let没有变量提升

使用var定义变量时，因为有变量提升，所以以下代码是正确的：

if (true) {
    var v = 'test'
}
console.log(v)  // test

但es6的let关键字并没有变量提升，则会报错：

if (true) {
    let v = 'test'
}
console.log(v)  // Uncaught ReferenceError: v is not defined

函数提升要注意的地方

Javascript创建函数有两种方法：函数声明式和函数字面量式。只有函数声明才存在函数提升。
如：

console.log(f1); // function f1() {}   
console.log(f2); // undefined  
function f1() {}
var f2 = function() {}  // 只有f2被提升了，但右边的function不会被提升

函数跟变量的提升时，变量是优先级比较高的（也就是变量在上面，函数在下面）

当变量跟函数同名时

var a = 3;
function a () {}
alert(a); // 3

因为提升后如下：

var a;
function a() {}
a = 3;
alert(a);

所以要分清，变量提升只是把var xxx提到上面，右边的赋值实际还在当前行没变，而function xxx () {}是整个都会提升到顶部

作用域链的形成

当函数被调用时，会创建一个执行环境跟作用域链。
执行环境可以理解为一块内存，里面有着作用域链。
而作用域链则类似一个数组，存放着该作用域链上可访问的所有活动对象
一个活动对象保存着该作用域下所有的变量。
通过以上的知识，则可以得出：
函数内访问变量时，就是在作用域链中查找活动对象的。而首先查的肯定是自身的活动对象，没有则再查找全局的活动对象（也可称全局变量对象）
一般来讲，当函数执行完后，作用域链会被销毁，自身的活动对象也会被销毁，内存中仅保存全局的活动对象。但闭包则有所不同。

闭包所在的函数执行完后，该函数的作用域链会被销毁，但作用域链中的自身的活动对象不会被销毁，因为被闭包所引用着。只有当闭包被销毁时，活动对象才会被销毁。