JavaScript预解析之变量预解析和函数预解析

首先了解预解析之前先看两个问题

1.大家思考下  这个结果会是多少呢？

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

结果是 undefined

2.这个输出结果又会是多少呢？

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

显然这个结果报错了。

那究竟为什么会这样执行呢？

1、我们js引擎运行js分为两步： 预解析   代码执行

• 预解析　　js引擎会把js里面所有的var还有function提升到当前作用域的最前面
• 代码执行　按照代码书写的顺序从上往下执行

2、预解析分为　　变量预解析（变量提升）和 函数预解析（函数提升）

• 变量提升　　就是把所有的变量声明提升到当前作用域最前面　　不提升赋值操作
• 函数提升　　就是把所有函数声明提升到当前作用域的最前面　　不调用函数

那我们第一个问题就相当于执行了以下代码

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

第二个问题相当于执行了以下代码

var fun;
fun();
fun=funciton(){
    console.log(22);
}

这下我们就可以看到  声明了一个变量 但是没有给值，接着又调用了fun（）这个函数，但是没有这个函数，肯定会报错。
所以函数表达式调用必须要写在函数表达式声明的下面才可以。