关于JS中的预解析机制和作用域链的总结

一、作用域链

首先，js是有全局作用域和局部作用域之分的，当js要使用一个变量的时候，该变量有自己的活动范围，出了这个范围就无效，而这个范围就是它的作用域。但是，在一个函数中，往往有些变量是当前作用域不存在的，可是却依然能够从其他作用域调用它，这是为什么呢？一切从作用域链说起。。。

（一）作用域

作用域有全局作用域、局部作用域之分。通常来说，我们用var来声明一个局部变量。

var person = "me" //该变量虽然用var声明，但是却处于整个window之下，那么也相当于是全局变量;
function setPserson(){
	var personA = "Amy"; //该personA变量用了var声明，那代表该变量只能在setPerson()函数中起作用，出了这个函数便无法访问
	return personB = person+personA //很明显，由于person是全局变量，所以函数内部也是可以调用的
}

（二）作用域链

通过“作用域”的例子，我们不难发现，全局作用域的变量可以被内部的函数拿来用，而其实全局这个概念是相对的，那么我们可以抽象出一个规则，就是“内部可以拿外部的东西来用”，这就是作用域链的基本原理。

var name = "Tom";
function setPerson(){
	var age = 18;
	var gen = person[2] //这一步肯定会报错，因为person并不是setPerson作用域内的变量，外部是不可以取自己内部的变量的
	function setAge(){
		var person = [];
		var sex = "male"
		person.push(age); //为什么内部没有定义age和name，也照样可以取到这个变量呢？原因在于作用域链原理，当内部函数发现自己要用的变量没有时，它会一层一层第往外找变量
		person.push(name);
		person.push(sex);
	}
}

通过作用域链，我们可以知道，内部函数是可以沿着一层层作用域往外调用自己需要的变量的，但是外部却不能反过来向内部寻找变量。

二、预解析机制

在当前作用域下，js运行之前，会先把带有var和function关键字的变量声明一边，并在内存中安排好，然后再从上到下一步步执行js。

####（一）var：
使用var定义的变量预解析：让解析器知道有这个名字的存在并默认将该变量赋值为undefined，比如下面的例子：

console.log(x);
var x = 15;

很多人会理所让然地想，x的赋值在最后，那么console输出肯定是undefined，其实原理并不是这样，而是因为有预解析这个过程才会出现undefined：

//在预解析的过程中：
var x; //第一步会把x先声明了，并且先赋值为undefined
console.log(x);  //第二步，开始执行的时候，其实在consloe之前已经有一个var x；存在了，这时候x还没赋值，那么自然就输出undefined了
x = 15

需要注意的是，在预解析过程中，会进行变量提升，也就是用var声明的变量，会首先提前到js的最前面，此时是声明，但是并没有赋值的，所以所有用var声明的变量都是undefined。

（二）function：

使用function定义函数的预解析：先告诉解析器这个函数名的存在，然后再告诉解析器这个函数名的函数体是什么。如下：

console.log(fn);
function fn(){
	return "这是个函数"
}

声明函数会把整个函数提升到js的最前面，所以console的结果是把整个函数体输出，而不是只输出“这是个函数”这个字符串。

另外，如果一个函数的作用域中声明了一个变量，那么它也会提升到函数作用域的最上面，如：

var a=1;
function fn(){
	console.log(a);
	var a=2
}
fn();

以上虽然全局作用域声明了一个变量a，但是函数里也声明了一个变量a，所以会先查找函数里面是否有变量a，如果有的话就不会再全局下查找了。函数里面的变量a会被提升到函数作用域的最前面，并且赋值为undefined，所以输出结果为undefined，类似于这个过程：

var a=1;
function fn(){
	var a;
	console.log(a);
	a=2;
}
fn();

需要注意的是，函数的参数也是该函数作用域内的局部变量，同样在预解析阶段会声明在函数内部。

注意事项：

• 如果同一个作用域下声明两个相同的变量或者函数，那么后一个会覆盖前一个！
• 在js中，函数的预解析级别优先级高于变量，无论函数在什么位置声明，都优先把函数提升到最前面！