大家在使用Javascript的时候经常被this这个家伙搞得晕头转向的。对大多数有OOP开发经验的开发人员来说this是当前作用域中引用普通元素的标识符，但是在Javascript中它却显得古灵精怪的，因为它不是固定不变的，而是随着它的执行环境的改变而改变。在Javascript中this总是指向调用它所在方法的对象。
举一个简单的例子：
复制代码 代码如下:
function test(){
alert(this);
}
var obj=function(){
var;
}
obj.objTest=test;
test();
obj.objTest();
把这段代码放到HTML中运行这个页面，你会看到首先提示一个警告[object window]，然后第二个警告。
复制代码 代码如下:
var obj=function(){
var;
}
我们先定义了一个test()方法，并在方法内部调用alert()方法将this显示出来，然后定义了一个obj函数对象，并给它加了一个私有的字段name，同时给它加了一个静态的方法objTest()，而这个函数则直接指向test()函数。
分别调用test()和obj.objTest()方法，第一次警告框提示的是Window对象，而第二次提示的是我们定义的obj这个函数的代码。这说明了test函数在两次执行的时候this的值是不同的！
这就说明了当调用函数的对象不同的时候，其内部的this关键字指代的对象是不同的。这里需要值得注意的是Javascript是基于对象的语言，当我们的变量或者函数定义在<script></script>标签的根下的时候其实相当于给window对象加了相应的属性或方法，所以当我们利用function test(){}代码定义一个函数的时候，其实相当于给window对象添加了一个新的函数，即window.test()函数。
我们可以做一个实验：
复制代码 代码如下:
function test(){
alert(this);
}
alert(test===window.test);
警告框提示的将是true，这说明当我们在调用test()这个函数时相当于调用的是window.test()。所以当我们调用test()函数的时候调用这个函数的对象其实是window对象，this指代的是window对象，所以我们在alert(this)的时候弹出的警告窗口内容是[object Window]。我们将obj.objTest=test相当于把obj.objTest()指向test(),所以当我们调用obj.objTest()函数时相当于在obj调用了test()这个函数，所以现在this指代的是obj对象，提示的就是obj这个Function也就是我们看到的代码。
说到这应该也解释的差不多了，可能上面的例子太抽象，想象不出来它能在什么情况下用到，那我们现在就假设一个需求，做一个贴近实用一点的例子。
假设我们现在页面中的所有超链接在点击之后颜色要改为红色，用Javascript实现。大体的思路应该是获取页面中所有的<a>标签，然后遍历所有的<a>标签，给每一个注册一个click事件，事件触发后我们将它的color值设为red。
示例代码如下：
复制代码 代码如下:
//改变颜色
function changeColor(){
this.style.color='#f00';
}
//初始化，给所有 a 标签注册事件
function init(){
var customLinks=document.getElementsByTagName('a');
for(i in customLinks){
//你也可以使用事件侦听器方式来注册事件
//由于要兼容IE，FF等浏览器可能需要更多代码，您可以自行编写
customLinks[i].onclick=changeColor;
}
}
window.onload=init;
将这段代码添加到HTML文档中，并在文档中添加一些超链接，当超链接点击后颜色会变成红色，这里我们定义的changeColor()函数中this关键字在点击超链接触发函数的时候它指代的是当前这个超链接。而如果你直接调用changeColor()函数浏览器会报错，提示Error: ‘this.style' is null or not an object或者undefined之类的错误。
不知道说到这能不能让正在看文章的你对Javascript中的this关键字有了一些自己的了解呢？或者你已经不耐烦了？（:P）
其实要想真正对这个问题有更深入的理解那么必须对Javascript的作用域和作用域链有深入的理解。
作用域，顾名思义就是指某一属性或方法具有访问权限的代码空间，简单的说也就是这个变量或方法它在代码中的的适用范围。在大多数的OOP中主要有public，private，protect三种作用域，对着三种作用域在这里就不详细解释了，如果有OOP的经验应该都有深入的了解。在这里我要说的是这三种作用域类型对Javascript来说几乎是毫无意义的，因为Javascript中只有一种公共作用域，在Javascript中作用域是在函数中进行维护的。举个例子：
复制代码 代码如下: