手揣网教程:绿色安全纯净官方版,体验当今速度最快的浏览器!

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

时间:2024/12/5作者:未知来源:手揣网教程人气:

[摘要]最近比较闲,整理了一些JavaScript中的小知识,比如,有些面试题中会出现函数的形参和函数内部声明的变量或函数重名, 那么是个什么情况呢?想知道的朋友继续往下看吧。function ab(x){...
最近比较闲,整理了一些JavaScript中的小知识,比如,有些面试题中会出现函数的形参和函数内部声明的变量或函数重名, 那么是个什么情况呢?想知道的朋友继续往下看吧。

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

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

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

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

输出结果为: .

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

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

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

输出结果为:

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

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

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

深入理解函数形参与函数内部声明变量或函数重名时的问题在此抛砖引玉, 有误导之处还请不吝指点 ^^。

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


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



关键词:深入理解函数形参与函数内部声明变量或函数重名时的问题




Copyright © 2012-2018 手揣网教程(http://www.shouchuai.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版