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 声明 — 那么将把它创建为全局变量。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值