JavaScript变量预解析和函数预解析实例分析

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

以上就是关于“JavaScript变量预解析和函数预解析实例分析”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。