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

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

推荐阅读