正文
javascript函数中变量重名
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
<script type="text/javascript">
function fun(a){
console.log(a); // function var a=11;
function a(){
return 22;
} console.log(a); //
}
fun(33);
</script>
问题1：为什么第1个会输出 function呢，为什么不是实参33呢？
问题2:函数内部变量和函数在”预编译“的时候究竟是怎么样的呢？
问题3：var a=11;这个变量声明和函数名称相同了怎么处理？
首先是”预编译“过程中，函数体内部 变量和函数声明会被提到最先执行，变量在没有赋值时为undefined，那么函数呢？有人说函数声明时，声明和赋值一起完成了。
<script type="text/javascript">
console.log(ask);// function ask
var ask=12;
function ask(){
alert("111");
}
console.log(ask);// 12
</script>
上面这段代码说明一个问题，变量名和函数名同名的情况下，其实只声明了一个变量。函数声明后就赋值了，所以第1个log的时候，会是函数。也就是他们说的优先级，函数>局部变量。可以这样理解，假如函数声明先执行，那么var ask=12;就不再是声明变量了，只是给变量重新赋个值。假如变量声明先执行，那么ask暂时=undefined，后边函数声明的时候直接就想变量的undefined变成了函数。
<script type="text/javascript">
function fun(a){
console.log(a);//
var a=11;
console.log(a);//
}
fun(33);
</script>
上面这段代码，第一个log为33。如果var a=11;是变量声明并赋值的话，我们知道log的时候a=undefined，说明此处var a=11不是声明而仅仅是简单的赋值。
再来个例子：
<script type="text/javascript">
function fun(a){
console.log(a);//
var a;
console.log(a);//
}
fun(33);
</script>
这也说明var a;不再是声明了，因为形参中a早就声明了。上面两段代码得出一个结论：函数形参和函数局部变量同名的话，其实只是一个变量。形参是声明，内部变量前加了var 同样只是赋值。
所以这道题，从头到尾只有1个局部变量。最开始a==33,进入函数后a变成了function ,最后a 变成了11。感谢TX同学一开始就说的 内部function》内部变量》参数
