不要重新定义JavaScript变量

在一个JScript.js文件中，定义了一个全局变量g，在pageLoad事件处理器中对其进行初始化。

// JScript File

var lbl;

var g = 0;

function pageLoad()

{

    var lbl=$get("label1");

}

 

function onAdd()

{

    g=g+1;

    lbl.innerText = g.toString();

}

 

function onSub()

{

    g=g-1;

    lbl.innerText = g.toString();

}

但是随后在使用这个变量时，却抛出异常，如下图所示：

你能看出来问题出在哪里吗？是的，我们在pageLoad处理器中实际上并没有初始化lbl变量，相反，却重新定义了一个相同名字的变量并初始化它。

解决方法很简单，只需要将pageLoad方法中的var lbl=$get("label1");改为lbl=$get("label1");即可。

后记：这只是由于懒惰才犯的一个错误，本来是直接在定义变量时就对其进行了初始化，可是后来为了维护方便，对这些全局变量进行了封装，但是却直接将代码拷贝了过来，导致出现这个错误，花费了接近一个小时才明白问题所在。JavaScript确实太灵活了，稍有不慎，就会出现许多莫名其妙的错误，而且调试起来也很不方便。