关于js中的this关键字的文章已经不少了，我看过几篇，我写这篇文章的目的是从实例中分析出this的工作原理，希望对大家有所帮助。
一、基本的：
复制代码 代码如下:
function doSomething(){
alert(this.id);
}
alert(window.doSomething);//证明了doSomething是属于window的
doSomething();//undefined
window.onload = function(){
document.getElementById("div2").onclick = doSomething;//div2
document.getElementById("div3").onclick = function(){doSomething();}//undefined
}
1、对于doSomething这个函数：
复制代码 代码如下:
function doSomething(){
alert(this.id);
}
这个函数是全局函数，这种全局函数实际上是属于window的（可以通过window.doSomething来访问），如果直接调用，那么根据“this always refers to the “owner” of the function we're executing”，那么函数中的this就是window，但是window没有id属性，所以显示“undefined”；
2、在html元素中这样调用
复制代码 代码如下:
<div>div1</div>
这时也会显示“undefined”，这就相当于如下代码：
复制代码 代码如下:
document.getElementById("div1").onclick = function(){doSomething();}
当点击div1时，调用属于window的doSomething函数，所以也是显示“undefined”；
3、通过js来绑定事件，在div2载入过后：
复制代码 代码如下:
document.getElementById("div2").onclick = doSomething;
当点击div2时，显示“div2”，因为在给div2的onclick赋值，是将doSomething拷贝了一次，这时拷贝的这个函数是属于div2的了，跟属于window的doSomething没有任何关系了。点击div2时，就会触发属于div2的doSomething，这里的this就是指div2。
二、attachEvent和addEventListener
attachEvent是在ie中绑定事件的方法，会将相应函数拷贝到全局（即响应函数的owner为window），但是在DOM标准中，addEventListener绑定的事件时拷贝的响应函数的owner为事件所绑定的对象
复制代码 代码如下:
function doSomething(){
alert(this.id);
alert(this == window);
}
window.onload = function(){
var div1 = document.getElementById("div1");
if(div1.attachEvent){
div1.attachEvent("onclick",doSomething);
document.body.appendChild(document.createTextNode("attachEvent"));
}else if(div1.addEventListener){
div1.addEventListener("click",doSomething,false);
document.body.appendChild(document.createTextNode("addEventListener"));
}else{
div.onclick = doSomething;
}
}
对于函数doSomething
复制代码 代码如下:
function doSomething(){
alert(this.id);
alert(this == window);
}
1、使用attachEvent绑定到div1的click事件上，doSometing会被复制到window，这时doSomething里面的this指的是window，点击div1时会显示“undefined”和“true”
2、使用addEventListener绑定div1的click事件，这时将doSomething拷贝，这个拷贝过后的函数是属于div1的，所以点击div1时会显示“div1”和“false”
注：里认为attachEvent只是使用了函数的引用，看如下代码：
复制代码 代码如下:
var obj = new Object();
obj.color = "black";
obj.showColor = function(){
alert(this.color);
alert(this == window);
}
obj.showColor();
var div1 = document.getElementById("div1");
div1.attachEvent("onclick",obj.showColor);
此时点击div1的时候，会显示“undefined”和“true”，如果attachEvent仅仅是引用obj.showColor的话，那么this还是应该指的是obj，但是实际上这里this指的是window，所以我认为这里不是引用，而是拷贝到全局的。
三、关于对象冒充的继承方式
1、new与不new的区别
对于如下function
复制代码 代码如下:
function ClassA(sColor){
this.color = sColor;
this.sayColor = function(){
alert(this.color);
}
}
这是一个类还是一个函数？随你而定！
如果你认为这是一个函数，那么我们可以这样来调用它：
ClassA("red");
“red”是传递的一个参数，ClassA中的this指的是当然就是指的window了，所以现在window有了color属性和sayColor方法，并且color有“red”这个值。
这是调用sayColor或者window.sayColor都可以显示“red”；
window.sayColor();
如果你认为这是一个类，那么我们应该这样使用它：
var obj = new ClassA("red");
new这个关键词的出现让上面这一句代码增加了不少内容：首先，创建一个Object实例，然后，将ClassA中的this指向创建的这个Object中，最后返回这个Object，所以返回的这个Object就赋值给了obj。所以我们可以说this指向的是obj，obj拥有了color属性和sayColor方法，并且color属性值为“red”。
2、函数的owener
复制代码 代码如下: