JavaScript中的变量预解析和函数预解析具体是如何工作的？

本文共计479个文字，预计阅读时间需要2分钟。

首先，理解预解析之前先看两个问题：

1. 家思考察下，这个结果会是多少呢？ console.log(num); var num=10; 结果是 undefined

2. 这个输出结果又会是多少呢？ fun(); var fun=function() { console.log(22); } 显然这个输出结果是 22

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

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（）这个函数，但是没有这个函数，肯定会报错。
所以函数表达式调用必须要写在函数表达式声明的下面才可以。