理解JavaScript变量作用域更轻松
2024-05-06 14:13:15
供稿：网友
JavaScript本身作为一门简单的语言，就其变量作用域问题一样令不少人头晕，这主要是因为JavaScript闭包的存在。本文不打算深入讲解JavaScript变量作用域问题（其实本人也没有能力能把这一话题讲的深入些），也不讲“闭包”话题，本文只讨论最实用的JavaScript作用域知识点。
一、JavaScript作用域分类
JavaScript就两种作用域：全局（window）、函数级（function）。函数级（function）不要理解为“块级（大括号{}级）”。
二、区分及定义JavaScript全局变量与局部变量
1.1定义在所有函数最外边，使用或不使用var关键字定义的变量都是全局变量。全局变量其实被解析成window对象的一个属性，所以我们可以以“window.全局变量名”方式访问它，推荐在没有必要的情况下直接使用变量名访问。如下例子演示了全局变量定义最常见的方法：
代码如下:
var msg1='This is message 1';
msg2='This is message 2';
alert(window.msg1); //This is message 1 使用window关键字进行访问
alert(window.msg2); //This is message 2
alert(msg1); //This is message 1 省略window关键字的访问方式
alert(msg2); //This is message 2
function otherFunction(){} //其它一些函数或对象声明代码
var otherObject={};
1.2在函数内（局部变量运行时环境）一样可以定义和获取全局变量。定义的方法就是不使用var关键字，而在局部环境中亦可轻松获得全局变量内容，直接使用全局变量名引用即可。需要注意的是：如果函数内定义了与全局变量同名的局部变量，那么此时函数体将优先使用自己的局部变量，如果此时你非要使用同名的全局变量，请加上window前缀。举例如下：
代码如下:
var msg1='This is message 1';
var msg3='This is message 3';
function otherFunction()
{
msg2='This is message 2'; //不使用var关键字，其实也是定义一个全局变量
var msg3='Message 3';
alert(msg1); //This is message 1 （函数内当然可以访问到外面定义的全局变量，再深的函数嵌套一样能正确获到这个全局变量，这是JavaScript闭包的其中一种体现）
alert(msg3); //Message 3 （局部变量msg3）
alert(window.msg3); //This is message 3 （使用window前缀访问同名的全局变量msg3）
alert(this.msg3); //This is message 3 （因为otherFunction ()定义在一个全局的环境中，此时otherFunction ()的this也是指向window，所有你看到window. msg3是等于this. msg3的）
}
otherFunction();
//otherFunction函数外面定义的msg1和里面定义的msg2依然是全局变量
alert(window.msg1); //This is message 1
alert(window.msg2); //This is message 2
2.1使用var关键字，在函数体内定义的变量是局部变量，此变量能供其下面所有语句块（{}）及子函数使用。这个变量在这个函数里任何地方都可以访问到，但却不能在这个函数的外面“直接”访问（闭包允许间接访问，或代理访问，此知识点不在本文讨论范围）。举例如下：
