javascript中的变量作用域

javascript的作用域有2块，一个是全局作用域（相当于是window对象下定义的的属性），而是局部作用域（就是定义在函数内部的变量作用域），没有块级作用域这个概念，

也就是说for(var i=0;i<count;i++){}，在其他语言中，i的作用域就是块级作用域，只在{}中有效，但是，在javascript中，i实际上实在for的作用域下。在进行变量访问时，总是先查找最近的作用域，然后层层向上查找，例如，

var color = 'red';

function sayColor(){

// var color = 'blue';

alert(color);

}

sayColor();

注意注释之后和注释之前的结果。关于作用域的问题，比较复杂的是函数中的this对象，call(apply)改变作用域和闭包（下一篇博文中详细介绍）。

1 this对象

实际上指代的就是当前最近的作用域。

color = 'red';
var o = {color:'blue'};
function sayColor(){
alert(this.color);
}
sayColor(); // 全局作用域，this指代window
o.sayColor = sayColor; 
o.sayColor(); // 对象o的作用域，this指代o

后面一个可能会产生误解，对象o不是也在全局作用域下面吗？为什么第二个this不能指代全局作用域（window）？

要解答这个问题，就要谈到引用类型，因为object是一种可变类型（属性数量不确定），因此做占用的存储空间大小不确定，不能按照普通的变量那样存储，必须保存在堆内存中，但是栈内存中保存了一个指针，指向堆内存，那么var o = {color:'blue'};的存储解释就是：

堆内存中存储了一个匿名对象，它的属性color，值是blue，栈内存中存储的是一个指针o，o.sayColor = sayColor; 这句话实际上改变的是那个匿名对象，o是指针，不会改变，

o.sayColor(); 中this的作用域实际上就是匿名对象。

2 apply改变函数的作用域

apply和call的作用是一样的，只是函数的传递方式不一样。以下以apply为例：

var num1 = 0;
var sum = function(num1,num2){
return this.num1 + num2;
};
var obj = {
num1: 10
};
function sum1(){
//return sum.apply(this,arguments);
return sum.apply(obj,arguments);
}
alert(sum1(10,20));

问题的关键是sum函数中的this.num1的this该用什么来替换

分析如下：

sum.apply(this,arguments);中this实际上指代的就是window，那么就是把sum函数放在window作用域下运行，那么this.num1其实就是window.num1，就是全局num1.

sum.apply(obj,arguments);将sum放在obj下面运行，实际上相当于在obj中添加了一个方法sum，然后调用它。

相当于以下代码：

obj.sum = sum;

obj.sum();   

读者可能会发现，和1中的例子类似。

而另一个作用域的经典问题——闭包，将在下一篇中详细讲述。以上纯属个人观点，如有不同意见，欢迎交流。