JS预解析笔记

预解析定义

1. js引擎运行js主要分为两步（1）预解析 （2）代码执行
   （1）预解析：js引擎会把js里面所有的var和function提升到当前作用域的最前面
   （2）代码执行：按照代码书写的顺序从上往下执行
2. 预解析分为变量预解析（变量提升）和函数解析（函数提升）
   （1）变量提升：把所有的变量声明提升到当前作用域的最前面，不提升赋值操作
   （2）函数提升：把所有的函数声明提升到当前作用域的最前面，不调用

案例1

console.log(num);

1.解析：num没有声明，所以浏览器会报错

案例2

console.log(num);
var num = 10;

解析：
2.(1)变量提升之后的代码：

var num;
console.log(num);
num = 10;

(2)代码从上往下执行，num的结果是undefined

案例三

fu();
function fu(){
	console.log(11);
}

解析：
3.(1)函数提升之后的代码：

function fu(){
	console.log(11);
}
fu();

(2)代码从上往下执行，num的结果是11

案例四

var fu() = function(){
	console.log(22);
}

解析：
（1）变量提升之后的代码

var fu;
fu();
fu = function(22){
	console.log(22);
}

（2）定义了一个fu变量，fu()这个函数不存在，所以报错

经典案例

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);
}

解析：
(1)函数和变量提升之后

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

(2)首先没有声明的变量属于全局变量，所以函数体里的输出为 9，9，9。变量a属于局部变量，只能在函数体中用。所以最后输出结果为9，9，9，9，9，报错

let,var,const

let是块级作用域，函数内部使用let定义后，对函数外部无影响
var定义的变量可以修改，如果不初始化会输出undefined，不会报错
const定义的变量不可以修改，而且必须初始化