javascript--预解析*（变量、函数提升）

JavaScript代码是由浏览器中的JavaScript解析器来执行的。
JavaScript解析器运行javascript代码时分为两步：预解析、代码执行。

---

预解析

（1）预解析：js引擎将js里面所有 var、function提升到当前作用域的最前面
（2）代码执行：按照代码书写顺序从上往下执行

变量预解析（变量提升）

所有的变量声明提升到当前的作用域的最前面，不提升赋值操作

1. 实例一

• 书写代码：

console.log（num）
var num = 10

• 实际执行情况

var num
console.log（num）
num = 10

输出结果：undefined

2. 实例二

• 书写代码

fun();
var fun = function () {
	console.log(11)
}

• 实际执行情况

var fun
fun()
fun = function () {
	console.log(11)
}

注意：函数表达式的调用 写在 函数表达式 后面

函数预解析（函数提升）

把所有函数声明提升到当前作用于的最前面， 不调用函数

1. 案例一

var num =10
fun();
function fun () {
	console.log(num);
	var num = 20;
}

• 实际执行情况

var num 
function fun (){
	var num
	console.log(num);
	num = 20;
}
num = 10;
fun ();

输出结果：undefined

2. 案例二

var num =10
function fn () {
	console.log(num);
	var num = 20;
	console.log(num);
}
fn();

• 实际执行情况

var num;
function fn (){
	var num;
	console.log(num);
	num = 20;
	console.log(num);
}
num = 10;
fu ();

输出结果：
undefined
20

3*. 案例三

f1();
console.log(c);
console.log(b);
console.log(a);
function f1 () {
	var a = b = c = 9;
	console.log(a);
	console.log(b);
	console.log(c);
}

• 实际执行情况

function f1 () {
	var a ;
	//相当于var a=9; b=9; c=9; b和c直接赋值，当全局变量。
	a = b = c = 9;
	console.log(a);
	console.log(b);
	console.log(c);
}
f1();
console.log(c);
console.log(b);
console.log(a);

输出结果：
9
9
报error