JavaScript的局部和全局变量

先是这样的，为了DOM设置属性的方便，我自己写了个方法，省得每次都setAttribute：

1. Net = {};
2. Net.Dom = {};
3. Net.Dom.setProperties = function(obj)
4. {
5.     for(var i=1; i<arguments.length; i++)
6.     {
7.         if(typeof arguments[i]=="object")
8.         {
9.             for(name in arguments[i])
10.                 obj[name] = arguments[i][name];
11.         }
12.     }
13. }
14.  
15. //这样原来：
16. div.setAttribute("width", "100px");
17. div.setAttribute("height", "100%");
18. ......
19. //就可以写成：
20. 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 不支持块范围。

一个局部变量的名称可以与某个全局变量的名称相同，但这是完全不同和独立的两个变量。因此，更改一个变量的值不会影响另一个变量的值。在声明局部变量的函数内，只有该局部变量有意义。

1. var aCentaur = "a horse with rider,";  // aCentaur 的全局定义。
2.  
3. // JScript 代码，为简洁起见有省略。
4. function antiquities()  // 在这个函数中声明了一个局部 aCentaur 变量。
5. {
6.  
7. // JScript 代码，为简洁起见有省略。
8. var aCentaur = "A centaur is probably a mounted Scythian warrior";
9.  
10. // JScript 代码，为简洁起见有省略。
11.    aCentaur += ", misreported; that is, ";  // 添加到局部变量。
12.  
13. // JScript 代码，为简洁起见有省略。
14. }  // 函数结束。
15.  
16. var nothinginparticular = antiquities();
17. aCentaur += " as seen from a distance by a naive innocent.";
18.  
19. /*
20. 在函数内，该变量的值为 "A centaur is probably a mounted Scythian warrior,
21. misreported; that is, "；在函数外，该变量的值为这句话的其余部分：
22. "a horse with rider, as seen from a distance by a naive innocent."
23. */

很重要的一点是注意变量是否是在其所属范围的开始处声明的。有时这会导致意想不到的情况。

1. tweak();
2. var aNumber = 100;
3. function tweak()  {
4. var newThing = 0;  // 显式声明 newThing 变量。
5.  
6.     // 本语句将未定义的变量赋给 newThing，因为已有名为 aNumber 的局部变量。
7.     newThing = aNumber;
8.  
9.     //下一条语句将值 42 赋给局部的 aNumber。aNumber = 42;
10. if (false)  {
11.     var aNumber;  // 该语句永远不会执行。
12.     aNumber = 123;  //  该语句永远不会执行。
13.     }  // 条件语句结束。
14.  
15. }  // 该函数定义结束。

当 JScript 运行函数时，首先查找所有的变量声明，var someVariable;
并以未定义的初始值创建变量。如果变量被声明时有值，var someVariable = “something”;
那么该变量仍以未定义的值初始化，并且只有在运行了声明行时才被声明值取代，假如曾经被声明过。

JScript 在运行代码前处理变量声明，所以声明是位于一个条件块中还是其他某些结构中无关紧要。JScript 找到所有的变量后立即运行函数中的代码。如果变量是在函数中显式声明的 — 也就是说，如果它出现于赋值表达式的左边但没有用 var 声明 — 那么将把它创建为全局变量。