js学习(一)：预解析

js学习(一)：预解析

1.js引擎运行js分为两步：预解析 执行代码
(1)预解析
js引擎将js里面所有的var和function提升到当前作用域的最前面
(2)代码执行
按照代码书写的顺序从上往下执行

2.预解析分为 变量预解析和函数预解析
(1)变量预解析
’把所有的变量声明提升到当前作用域最前面 不提升赋值操作
(2)函数与解析
把所有函数声明提升到当前作用域最前面 不调用函数

console.log(num) //浏览器报错

console.log(num)  //undefined
var num=10;
//相当于执行以下代码
var num;
console.log(num)  //undefined
num=10;

fn();
function fn(){
	console.log(11);
}   //浏览器输出11

fun();
var fun=function(){
	console.loh(22);
} //浏览器报错
//相当于执行了以下代码
var fun;
fun();
fun=function(){
	console.loh(22);
} 

预解析案例：

var num=10;
fun();
function fun(){
	console.log(num);
	var num=20;
}//结果undefined
//执行过程
var num;
function fun(){
	var num;
	console.log(num);
	num=20;
}
num=10;
fun();

f1();
console.log(c);
console.log(b);
console.log(a);
function f1(){
	var a=b=c=9;//相当于var a=9;b=9;c=9 此时bc为全局变量
	console.log(a);
	console.log(b);
	console.log(c);
}
//相当于
function f1(){
	var a;
	a=b=c=9;
	console.log(a);//9
	console.log(b);//9
	console.log(c);//9
}
f1();
console.log(c);//9
console.log(b);//9
console.log(a);//浏览器报错，a is not defined