console.log(a); // undefined:说明这个变量已经有了
var a = 9;
fn(); //1 说明函数已经申明
function fn(){
console.log(1);
}
fn(); // 报错:fn is not a function
var fn = function(){
console.log(2)
}
浏览器解析
浏览器的js解析器在解析js代码的时候
分为了两大步来处理
第一步:预解析代码
如何预解析的?
1,先找js文件中的所有用var声明的变量,并将这些变量提升到当前作用域的最开头,以声明不赋值的方式存在.
2,再找文件中所有function声明的函数,并将这个函数整体提升到当前作用域的最开头。
3,如果var声明的变量和function声明的函数有同名的情况,程序会保留function声明的函数
第二步:执行代码:从上往下,从左往右逐行执行
console.log(a);//f a(){}
var a = 8;
function a(){}
console.log(a);//8
//之前疑惑为啥不是f a(){} 后来才知道函数已经提升上去了
//执行顺序是 var a >>> function a(){} >>> a=8
// 当前作用域
var a = 2;
function fn(){
console.log(a);//undefined
var a = 8;
box();
function box(){
console.log(1)
}
}
fn()//1