当前时间:Saturday 2018年06月23日 欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

当前位置: 首页 >> javascript >> 正文

JavaScript 的变量范围问题

JScript code

<html><head><script type=”text/javascript”><!–var00 = 0;document.write(var00 + ‘<br>’);var01 = 1;//A:全局变量是吧function foo(){ document.write(var01 + ‘<br>’); //B:

是调用A处的全局变量吧,为什么最后的输出结果是‘undefined’呢??? var var01 = 2; var03=3; var var04 = 4}foo();document.write(var01 + ‘<br>’)document.write(var03 + ‘<br>’)document.write(var04 + ‘<br>’)–></script></head><body></body>

</html>

就你的例子来进行说明:
1,JavaScript 的变量范围问题
JavaScript 有两种变量范围:全局和局部。如果在任何函数定义之外声明了一个变量,

则该变量为全局变量,且该变量的值在整个持续范围内都可以访问和修改。如果在函数定

义内声明了一个变量,则该变量为局部变量。每次执行该函数时都会创建和破坏该变量;

且它不能被该函数外的任何事物访问。这一点没有任何问题,大家的理解都不会出现问题。
2,一个局部变量的名称可以与某个全局变量的名称相同,但这是完全不同和独立的两个变量。

因此,更改一个变量的值不会影响另一个变量的值。在声明局部变量的函数内,只有该局部变量有意义

。你的问题就是出现在这个地方。在你的函数foo()里又进行了定义 var var01 = 1;

这才是你出现问题的原因所在。JavaScript 不是按顺序执行的吗?以上代码为什么会出错?

这是一个很令人迷惑的地方,也是从你的例子执行结果为undefined 而百思不得其解的原因。

请继续看下面的一条规则。
3,当 JavaScript 运行函数时,首先查找所有的变量声明,并以未定义的初始值创建变量。

如果变量被声明时有值,那么该变量仍以未定义的值初始化,并且只有在运行了声明行时才被声明值取代

,假如曾经被声明过。也就是说,你在foo()里又定义了一次 var var01 = 1;,

此时,var01 被看作是局部变量了,和外面的var01已经不是同一个变量了。

所以,document.write(var01) 的结果首先要肯定不是外面的 1。

好,就算是局部变量,我在foo()里已经赋值为 1 了,为什么结果还是 undefined ?

仔细看一下本段前面的说明,“首先查找所有的变量声明,并以未定义的初始值创建变量”,

即使你在foo()里进行了var01赋值,但 JavaScript 代码执行时,知道了你定义了变量

(因为此时没有报“变量未定义”错误),但没有执行到赋值语句时,是没有值的,

所以才出现 undefined 的结果。
4,JavaScript变量声明:变量在脚本中的第一次出现是在声明中。

变量在第一次用到时就设置于内存中,便于后来在脚本中引用。

使用变量之前先进行声明。可以使用 var 关键字来进行变量声明。

如果在 var 语句中没有初始化变量,变量自动取 JScript 值 undefined。尽管并不安全,

但声明语句中忽略 var 关键字是合法的 JScript 语法。

这时,JScript 解释器给予变量全局范围的可见度。

如果变量是在函数中显式声明的 — 也就是说,

如果它出现于赋值表达式的左边但没有用 var 声明 — 那么将把它创建为全局变量

JScript code<html><head><script language=”javascript” type=”text/javascript”><!–var00 = 0;document.write(var00 + ‘<br>’);var01 = 1;//A:全局变量是吧function foo(){ document.write(var01); //B:是调用A处的全局变量吧,

为什么最后的输出结果是‘undefined’呢??? var var01 = 1;}foo();–></script></head><body></body></html>/*简单点说。。javascript开始执行前,它会解释所有已声明的变里,,顺序如下:1. var00 –>已声明2. var01 –> 已声明 —>关键所在。3. 函数内部var var01=1; —>所有这里已声明。。可以把这个看成两步var var01 ;var01=1;

先会执行var var01;但发现 发现第2步( 指全局var01) 已经声明。所以会在其内部把全局变量隐藏掉了。但此里又没有附值给var01附值会在 document.write(var01); 执行后,执行。。*/

什么是域?就是scope,我们平常所说的变量作用域,不过通常直接叫做域。

在JavaScript当中,只有function是域的分界,如果那篇文章告诉你循环也能作为域的分界,

那就是错误的。

那么域只能有一层?错,JavaScript里面function能够套function,例如:
var v;
function myObject() {
var v;
this.myMethod = function() {
var v;
alert(v);
}
}
关于变量的引用,从最内层域开始向外搜索,直到找到同名定义为止,

如果到了全局域都找不到定义,变量就是未定义。例如alert(v)里面的v,

就是最内层的var v。如果这个var v去掉,就是中间层的var v。如果也去掉,

就是最外层的var v。

作者:夜阑小雨
原文链接:JavaScript 的变量范围问题
夜阑小雨版权所有,转载本网站文章时请保留此信息。

收藏和分享: 转贴到开心网 转贴到校内网 分享到 Twitter Delicious 分享到 Google Reader 分享到 百度收藏 分享到 QQ收藏

所在分类:javascript

评论信息

0 条评论 发表评论

发布评论

您必须登录才能发表评论。

网站客户端下载