• 技术文章 >web前端 >js教程

    深入理解函数形参和函数内部声明变量或函数重名时的问题

    yuliayulia2018-09-19 14:48:07原创1104
    最近比较闲,整理了一些JavaScript中的小知识,比如,有些面试题中会出现函数的形参和函数内部声明的变量或函数重名, 那么是个什么情况呢?想知道的朋友继续往下看吧。

    function ab(x){ 
        console.log(x); 
        var x; 
        console.log(x); 
    }; 
    ab(3);

    11.png

    出现这种结果, 但是, 当函数中声明的变量是被赋了值, 就会顶替掉传进来的参数.

    function ab(x){ 
        console.log(x); 
       var x = 4;
        console.log(x); 
    }; 
    ab(3);

    输出结果为: .

    22.png

    当函数中声明的函数与形参重名时:

    function ab(x){ 
      console.log(x); 
      function x(){
        console.log("我是函数")
      }; 
      console.log(x); 
    }; 
    ab(3);

    输出结果为:

    33.png

    为什么会有这种情况? JS的特性之一就是函数声明提升, 这条在函数内部也适用, 就是说, 函数体内声明的函数会提升到函数的第一行, 所以 ab 在调用时 x 一传进去就不是 3 了.

    但把匿名函数赋值给变量的方式因没有函数声明提升的特性, 所以在声明之后才会改变 x, 如下图:

    44.png在此抛砖引玉, 有误导之处还请不吝指点 ^^。

    以上就是深入理解函数形参和函数内部声明变量或函数重名时的问题的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:JavaScript
    上一篇:如何解决时间插件datepicker(jQuery-UI,bootstrap)和jquery-steps的冲突 下一篇:适配器在JavaScript中的应用(附示例)
    大前端线上培训班

    相关文章推荐

    • Javascript的匿名函数讲解_经验交流• JavaScript中split与join函数的进阶使用技巧_javascript技巧• javascript中利用柯里化函数实现bind方法• JavaScript函数柯里化详解• JavaScript常用字符串与数组扩展函数小结_基础知识

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网