javascript函数中变量重名

浏览数：33 / 时间：2015年06月09日

 1     <script type="text/javascript">
 2         function fun(a){
 3             console.log(a); // function
 4 
 5             var a=11;            
 6             function a(){
 7                 return 22;
 8             }
 9 
10             console.log(a); //11
11         }
12         fun(33);
13     </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);//33
            var a=11;
            console.log(a);//11
        }
        fun(33);
    </script>

上面这段代码，第一个log为33。如果var a=11;是变量声明并赋值的话，我们知道log的时候a=undefined，说明此处var a=11不是声明而仅仅是简单的赋值。

再来个例子：

<script type="text/javascript">
        function fun(a){
            console.log(a);//33
            var a;
            console.log(a);//33
        }
        fun(33);
    </script>

这也说明var a;不再是声明了，因为形参中a早就声明了。上面两段代码得出一个结论：函数形参和函数局部变量同名的话，其实只是一个变量。形参是声明，内部变量前加了var 同样只是赋值。

所以这道题，从头到尾只有1个局部变量。最开始a==33,进入函数后a变成了function ,最后a 变成了11。感谢TX同学一开始就说的 内部function》内部变量》参数

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

javascript函数中变量重名