• 简单谈一谈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 > 赋值 的顺序以便阅读。

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

  • 相关阅读:
    Google基本利用
    sqlmap
    kali中wireshark打开后错误
    Python Flask Jinja2模板引擎
    Python Flask学习
    Python 豆瓣日记爬取
    Python 函数装饰器
    Python 生成器
    ss源码学习--从协议建立到完成一次代理请求
    ss源码学习--工作流程
  • 原文地址:https://www.cnblogs.com/mikezhu/p/5799087.html
Copyright © 2020-2023  润新知