广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript预解析之变量预解析和函数预解析
  • 889
分享到

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

JavaScript预解析变量预解析函数预解析 2022-11-13 13:11:30 889人浏览 泡泡鱼
摘要

首先了解预解析之前先看两个问题 1.大家思考下  这个结果会是多少呢? console.log(num); var num=10; 结果是 undefined 2.这个输出

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

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

--结束END--

本文标题: JavaScript预解析之变量预解析和函数预解析

本文链接: https://www.lsjlt.com/news/165314.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作