Javascript 全局变量

Question

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
 <script type="text/javascript">
var toggle;
toggle=1;
function open(){
jQuery(window).bind("beforeunload", function(){$.post("logout.php");})
$.post("online.php",function(data){
$("#Layer6").html(data);
});
}

function toggle() 
{
$("#Layer4").animate({height:'toggle'});
$("#Layer6").animate({height:'toggle'});

if(toggle==1)
{
$("#toggle").attr('src',"toggle_up.jpg");
toggle=0;
}
else
{
$("#toggle").attr('src',"toggle_down.jpg");
toggle=1; 
}  

}

</script>

这里我将toggle定义为一个全局变量，初始值为1。执行 toggle() 时，toggle 的值应该更改为它的全局变量。执行后，脚本似乎根本不起作用(toggle 部分)。

请帮忙。谢谢!

Answer 1

您已将变量和函数命名为相同的名称(“toggle”)。函数定义覆盖了您的变量声明(因为它是在之后出现的)。将您的函数重命名为其他名称，例如doToggle().

之所以会出现这种冲突，是因为在Javascript中可以将函数对象赋值给变量。基本上，当您调用一个函数时，Javascript 会查找具有该名称的函数或具有该名称的变量，以防它持有对函数的引用:

var variable = 3;
variable = function() { alert('Function called') };
variable();     // Calls the function, whose reference is stored in 'variable'