预解析
JavaScript代码是由浏览器中的JavaScript解析器来执行的,JavaScript解析器在运行JavaScript代码的时候分为两步:预解析和代码执行。
1.我们js引擎运行js 分为两步 预解析 代码执行
(1)预解析js引擎会把js里面所有的var function 提升到当前作用域的最前面
(2)代码执行 按照代码顺序从上到下执行
2.预解析分为 变量预解析(变量提升)和函数预解析(函数提升)
(1)变量提升 就是把所有变量声明提升到当前的作用域最前面 不提升赋值操作
(2)函数提升 就是把所有的函数声明提升到当前作用域的最前面 不调用函数
eg1:
console.log(num);
var num = 10
运行结果:undefined
相当于以下代码
var num
console.log(num);
num = 10
eg2:
fun()
var fun=function(){
console.log(1);
}
运行结果:fun is not a function
相当于以下代码
var fun
fun()
fun=function(){
console.log(1);
}
eg3:
fn()
function fn() {
console.log(1);
}
运行结果:1
相当于以下代码
function fn() {
console.log(1);
}
fn()
eg4:
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()