• 简单谈一谈JavaScript中的变量提升的问题


    1,随笔由来

      第一天开通博客,用于监督自己学习以及分享一点点浅见,不出意外的话,应该是一周一更或者一周两更。

       此博客所写内容主要为前端工作中遇上的一些问题以及常见问题,在此基础上略微发表自己的一点浅见,如有出现错误,请看到的各位能够不吝赐教,此致谢意。

      前几天在某技术群中水的正欢,忽然有群友提出了一个问题,虽然不难,卻是常人忽视的点,且出现次数较多,所以在此写一点东西,提醒一下自己。

    2,JavaScript中的var 与 function 

      首先我们来看下面这个demo

        var f = function(){

          console.log('1');

        };

        function f(){

          console.log('2');

        };

        f();//1

      看到这里的时候,有人可能会问为什么,不是应该输出2吗?

      这里要说到一个优先级问题,javascript(es5)中,var 和 function 定义的变量是要上升的,也就是说,var跟function定义变量的这个过程,是要放到该作用域的最上方,并且var优先于function。

      为了证实 var 与 function 的优先级,我们可以测试4段简单的代码:

        //第一段

        var e;

        function e(){};

        console.log(typeof e);//function

        //第二段

         function e(){};

         var e;

         console.log(typeof e);//function

         //第三段

         var e;

         console.log(typeof e);//undefined

         //第四段

         function e(){};

         console.log(typeof e);//function

       到这的时候,有人可能要提出疑问了,为什么,var在前,function在后,我们第一段代码输出的却是1而不是2呢?不是应该被function覆盖掉吗?

     这里要解释一下,var的提升,只负责提升定义的那一个行为。我们来解读一下 var one = ‘1’,这里应该是2个行为 var one;one=1;

     所以,我们上面的代码实际上是这个样子:

        var f;

        function f(){

          console.log('2');

        };

        f = function(){

          console.log('1');

        };

        f();//1

     这里f指向一个匿名函数,function(){console.log('1');};覆盖了之前的定义。

     JavaScript中变量的定义,大抵可参考上面的顺序,不过在此作者还是建议大家按照顺序去定义变量,并且按照此作用域中 var > function > 赋值 的顺序以便阅读。

     最后感谢屏幕前的你花了宝贵的时间来看这点小东西。

  • 相关阅读:
    微服务、SpringCloud、k8s、Istio杂谈
    php环境安装
    最近重构公司消息服务的架构设计
    test
    博文目录(最新更新:2019.8.5)
    读过的书
    我在北京这几年(全)
    【原】深度学习的一些经验总结和建议 | To do v.s Not To Do
    如何高效利用一场技术分享?
    深度学习分布式训练及CTR预估模型应用
  • 原文地址:https://www.cnblogs.com/mikezhu/p/5799087.html
Copyright © 2020-2023  润新知