JavaScript预解析之变量预解析和函数预解析
更新时间:2022年07月27日 08:38:45 作者:困困子
这篇文章主要介绍了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()这个函数,但是没有这个函数,肯定会报错。
所以函数表达式调用必须要写在函数表达式声明的下面才可以。
相关文章
Web面试常问回流reflow与重绘repaint原理及区别
本文主要为大家讲解了浏览器的渲染机制回流与重绘的原理,有需要的朋友可以借鉴参考下,希望可以有所帮助,祝大家多多进步早日升职加薪2021-09-09
深入理解JavaScript系列(43):设计模式之状态模式详解
这篇文章主要介绍了深入理解JavaScript系列(43):设计模式之状态模式详解,状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类,需要的朋友可以参考下2015-03-03
分享我学习js的过程 作者aircy javascript学习教程
分享我学习js的过程 作者aircy javascript学习教程...2007-02-02
JavaScript前端图片加载管理器imagepool使用详解
这篇文章主要介绍了JavaScript前端图片加载管理器imagepool使用详解,需要的朋友可以参考下2014-12-12


最新评论