云社区 博客 博客详情
云社区 博客 博客详情

web前端开发之JavaScript:预解析的那些事

运气男孩 发表于 2020-07-23 14:36:33 07-23 14:36
运气男孩 发表于 2020-07-23 14:36:33 2020/07/23
0
0

【摘要】 在刚开始学习js的时候,学到变量部分,然后我试着去声明变量num,没有赋值,然后再控制台输出它,输出num结果不报错而是undefined,随后又发发现函数为什么可以随意放置啊,为什么变量会覆盖这些问题,其实这些都是js的预解析在作怪。 众所周知,JavaScript代码是由浏览器中的JavaScript解析器来执行的,那么JavaScript 解析器在运行Jav...

       在刚开始学习js的时候,学到变量部分,然后我试着去声明变量num,没有赋值,然后再控制台输出它,输出num结果不报错而是undefined,随后又发发现函数为什么可以随意放置啊,为什么变量会覆盖这些问题,其实这些都是js的预解析在作怪。

        众所周知,JavaScript代码是由浏览器中的JavaScript解析器来执行的,那么JavaScript 解析器在运行JavaScript代码的时候是怎么运行的呢?


  1. 我们js引擎运行js分为两步:预解析代码执行

    (1). 预解析js引擎会把js里面所有的var还有function 提升到当前作用域的最前面


        (2). 代码执行 按照代码书写的顺序从上往下执行


 2.预解析分为变量预解析(变量提升) 和函数预解析(函数提升)


(1) 变量提升就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作


console.log(a);
var a =888;   //结果输出为undefined

image.png

为什么会出现这个情况呢,欸,这里就是先进行了预解析,然后代码执行,也就是声明var =a ;然后就控制台输出了a,再接着给a赋值888,就相当于:


var = a;
console.log(a);
a = 88;  //这样下来结果肯定为undefined呀

再来看一个例子:

    fun(); //报错
        var fun = function() {
      console.log("我正在学习js");
     }

image.png

这里报错和上面例子类似,也是预解析+代码执行,先声明了fun这个变量,然后就执行了fun()这个函数,这当然显示fun is not a function ,因为还没有给这个fun赋值函数,就相当于执行了下面这串代码:

     var fun;
     fun(); //报错
      fun = function() {
      console.log("我正在学习js");
     }                                          //函数表达式调用函数必须写在下面

(2)函数提升就是把所有的函数声明提升到当前作用域的最前面,不调用函数

                    

    Car();
    function Car() {
    console.log("劳斯莱斯-幻影"); //正常输出 劳斯莱斯-幻影
}

image.png


image.png

好了,关于js的预解析部分就说这么多,下次再会!


每篇一句:天生我材必有用,千金散尽还复来。

登录后可下载附件,请登录或者注册

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区),文章链接,文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:huaweicloud.bbs@huawei.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
评论文章 //点赞 收藏 0
点赞
分享文章到微博
分享文章到朋友圈

评论 (0)


0/1000
评论

登录后可评论,请 登录注册

评论

您没有权限执行当前操作

温馨提示

您确认删除评论吗?

确定
取消
温馨提示

您确认删除评论吗?

删除操作无法恢复,请谨慎操作。

确定
取消
温馨提示

您确认删除博客吗?

确定
取消

确认删除

您确认删除博客吗?

确认删除

您确认删除评论吗?

温馨提示

登录超时或用户已下线,请重新登录!!!

确定
取消