争怎路由网/网站教程/内容

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

网站教程2024-06-01 阅读
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
最近比较闲，整理了一些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中文网其它相关文章！
				
				

					
  • 微信
    • 
					
    • 
				

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



          
    ……
    标签:深入理解函数形参与函数内部声明变量或函数重名时的问题
     
    相关阅读