日期:2014-05-16  浏览次数:20521 次

JavaScript的局部和全局变量
一直以为自己对JavaScript已经很精通了,这次却犯了一个低级错误。这个错误带来的后果就是:如果你最近用浏览器上小百合的话,发现点击左边导航菜单的链接都会打开新窗口。。。其次的后果是害我调试了一下午加晚上。。。
先是这样的,为了DOM设置属性的方便,我自己写了个方法,省得每次都setAttribute:

Net = {}; 
Net.Dom = {}; 
Net.Dom.setProperties = function(obj) 
{ 
    for(var i=1; i<arguments.length; i++) 
    { 
        if(typeof arguments[i]=="object") 
        { 
            for(name in arguments[i]) 
                obj[name] = arguments[i][name]; 
        } 
    } 
} 
  
//这样原来: 
div.setAttribute("width", "100px"); 
div.setAttribute("height", "100%"); 
...... 
//就可以写成: 
Net.Dom.setProperties(div, {width:"100px", height: "100%"});


上面的setProperties代码里面有个错误,会导致改变window的name属性。因为window是可以省略的(直接打document其实是window.document),而“for(name in arguments[i])”的表示方法浏览器会解析成“for(window.name in arguments[i])”。也就是框架的name变了,这样左边设的target自然就失效了,导致链接都以新窗口打开。改成“for(var name in arguments[i])”就好了。
因为JavaScript相对比较自由,写变量一定要注意,而且这种错误比较隐蔽,难以发现。局部变量一定要以var申明,否则是全局变量;要用全局变量时候也要注意一下命名方法,以”g_”开头或者全大写都是可行的办法。


最后我们一起复习一下JavaScript的局部变量和全局变量:

变量范围
JScript 有两种变量范围:全局和局部。如果在任何函数定义之外声明了一个变量,则该变量为全局变量,且该变量的值在整个持续范围内都可以访问和修改。如果在函数定义内声明了一个变量,则该变量为局部变量。每次执行该函数时都会创建和破坏该变量;且它不能被该函数外的任何事物访问。
像 C++ 这样的语言也有“块范围”。在这里,任何一对“{}”都定义新的范围。JScript 不支持块范围。
一个局部变量的名称可以与某个全局变量的名称相同,但这是完全不同和独立的两个变量。因此,更改一个变量的值不会影响另一个变量的值。在声明局部变量的函数内,只有该局部变量有意义。
var aCentaur = "a horse with rider,";  // aCentaur 的全局定义。 
  
// JScript 代码,为简洁起见有省略。 
function antiquities()  // 在这个函数中声明了一个局部 aCentaur 变量。 
{ 
  
// JScript 代码,为简洁起见有省略。 
var aCentaur = "A centaur is probably a mounted Scythian warrior"; 
  
// JScript 代码,为简洁起见有省略。 
   aCentaur += ", misreported; that is, ";  // 添加到局部变量。 
  
// JScript 代码,为简洁起见有省略。 
}  // 函数结束。 
  
var nothinginparticular = antiquities(); 
aCentaur += " as seen from a distance by a naive innocent."; 
  
/* 
在函数内,该变量的值为 "A centaur is probably a mounted Scythian warrior, 
misreported; that is, ";在函数外,该变量的值为这句话的其余部分: 
"a horse with rider, as seen from a distance by a naive innocent." 
*/


很重要的一点是注意变量是否是在其所属范围的开始处声明的。有时这会导致意想不到的情况
tweak(); 
var aNumber = 100; 
function tweak()  { 
var newThing = 0;  // 显式声明 newThing 变量。 
  
    // 本语句将未定义的变量赋给 newThing,因为已有名为 aNumber 的局部变量。 
    newThing = aNumber; 
  
    //下一条语句将值 42 赋给局部的 aNumber。aNumber = 42; 
if (false)  { 
    var aNumber;  // 该语句永远不会执行。 
    aNumber = 123;  //  该语句永远不会执行。 
    }  // 条件语句结束。 
  
}  // 该函数定义结束。

当 JScript 运行函数时,首先查找所有的变量声明,
var someVariable;
并以未定义的初始值创建变量。如果变量被声明时有值,
var someVariable = “something”;
那么该变量仍以未定义的值初始化,并且只有在运行了声明行时才被声明值取代,假如曾经被声明过。
JScript 在运行代码前处理变量声明,所以声明是位于一个条件块中还是其他某些结构中无关紧要。JScript 找到所有的变量后立即运行函数中的代码。如果变量是在函数中显式声明的 — 也就是说,如果它出现于赋值表达式的左边但没有用 var 声明 — 那么将把它创建为全局变量。