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

  • 预解析之-变量预解析和函数预解析已关闭评论
  • 13 次浏览
  • A+
所属分类:Web前端
摘要

1.大家思考下  这个结果会是多少呢?结果是 undefined2.这个输出结果又会是多少呢?


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

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()这个函数,但是没有这个函数,肯定会报错。

所以函数表达式调用必须要写在函数表达式声明的下面才可以。