JavaScript局部变量和全局变量的理解-白红宇

JavaScript局部变量和全局变量的理解

阅读量：5292 次

发布时间：2019-06-14

本文共 1395 字，大约阅读时间需要 4 分钟。

原文链接：http://www.cnblogs.com/eric-qin/p/4166552.html

                                  
<script type=
"text/javascript"
>
var
a = 1;
function
hehe()
{ 
         
window.alert(a);
         
var
a = 2;
         
window.alert(a);
}
hehe();
</script>
           
         

执行结果如下所示：

第一个alert：

第二个alert：

这是一个令人诧异的结果，为什么第一个弹出框显示的是undefined，而不是1呢？

一个页面里直接定义在script标签下的变量是全局变量即属于window对象的变量，按照javascript作用域链的原理，当一个变量在当前作用域下找不到该变量的定义，那么javascript引擎就会沿着作用域链往上找直到在全局作用域里查找。

首先这段程序涉及到了以下三个概念执行环境变量对象作用域链 js的执行环境分全局的(浏览器的话就是window执行环境)和function执行环境，变量对象是用来保存执行环境下的变量和方法的，而作用域链上放着一个一个的变量对象形成一个链条。这段代码的执行过程应该是这样的首先进入全局执行环境建立该执行环境下的变量对象A(保存有该执行环境下的x和一个匿名方法)，再往下执行到匿名方法的执行环境建立变量对象B(保存有该执行环境下的x)，而js的当前执行环境的变量对象永远放在作用域链的最前端，所在执行第一个alert(x), 就会找当前执行环境的变量对象B是否保存有x, 而事实上是有的，但alert(x)之前没有给x赋值，所出得到的结果就是undefined, 如果变量对象B中不存在x，那么程序就会顺着作用域链找上一个变量对象A里是否有x.

js的变量有两种作用域：全局变量和局部变量。没有使用 var 声明的变量和在function之外声明的变量都是全局变量，是window属性之一；使用 var 声明的变量属于所在函数，不管在函数的哪个位置出现，等价于在函数一开始声明。局部变量比同名全局变量的优先级高，所以局部变量会隐藏同名的全局变量。要想访问被隐藏的全局变量就加上 window. 前缀。

js没有块作用域，在语句块之后，在函数结束之前，语句块定义的变量都是可以访问的。比如：for(var idx =0; idx<2;idx++){} alert(idx); 结果显示为2。

上段代码相当于

                                  
var
x=1;
function
(){ 
var
x;
alert(x);
 
x=1212;
alert(x);
}
           
         

正确代码：第一次要this.x

                                  
<script type=
"text/javascript"
>
var
a = 1;
function
hehe()
{ 
         
window.alert(
this
.a);
         
var
a = 2;
         
window.alert(a);
}
hehe();
</script>
           
         

　　window.alert(this.a)在这里等同于alert(window.a)

转载于:https://www.cnblogs.com/gavinyyb/p/6251188.html

你可能感兴趣的文章