javascript的内部变量与其它函数的命名冲突

来源:互联网 发布:c语言node是干嘛的 编辑:程序博客网 时间:2024/06/05 18:17

<html>
<head>
<title>测试页面</title>
<script type="text/javascript">
function search()
{
 test();
}
function test()
{
 search = "";
 alert("ok");
}
</script>
</head>

<body>
<input type="button" value="测试" onClick="search();return false;">
</body>

</html>

如上代码

第一次点击测试按钮,没问题。

当第二次点击测试按钮,就出错了
错误信息: 对象不支持此属性或方法

 

debug良久,发现把test里面的search这个变量改成其它名字就没问题了

 

在论坛上提问了这个问题,得到多位大虾的解答:

如果变量定义前不加var,其作用域范围缺省为全局变量(其实全局属性更准确)。
function test()
{
  // 这里定义的是全局变量,而不是函数内部变量。
  // 因此它会覆盖全局的search,即前面函数search的定义
 search = "";
 alert("ok");
}

 

 

原创粉丝点击