js函数预解析

js解释器在执行js代码时,分为两步:

1. 预解析
   (var和function声明的变量和函数,将变量或函数提升至当前作用域的最前面)
   2.逐行执行代码

// 例1:
function fun(){
	console.log(num);
	var num = 10;
}
fun() 	// 输出: undefined
// 原因: 使用var 声明的num 进行了函数内作用域提升,预解析后,代码如下
function fun(){
	var num;
	console.log(num);
	num = 10;
}

// 例2:
foo();
console.log(z);
console.log(y);
console.log(x);
function foo(){
	var x=y=z=9;
	console.log(x);
	console.log(y);
	console.log(z);
}
// 输出: 9  9  9  9  9  报错
// 原因: 使用function声明的函数提升至当前作用域最前面,foo函数内部,只有x是函数内的局部作用域,y/z并没有使用var关键字声明,所有y/z属于全局作用域变量
// 预解析后,代码如下:
function foo(){
	var x=9
	y=9;	// 并未使用var关键字声明,函数内部未使用var声明而直接使用的变量,为全局作用域
	z=9;
	//var x=9,y=9,z=9  使用这种声明写法,x/y/z均为函数内部的变量
	console.log(x);	// 9
	console.log(y);	// 9
	console.log(z);	// 9
}
foo();
console.log(z);	// 9
console.log(y);	// 9
console.log(x);	// 报错