 
<script type="text/javascript"> 
//在function中使用this 
function a() { 
if (this == window) { 
alert("this == window"); 
this.fieldA = "I'm a field"; 
this.methodA = function() { 
alert("I'm a function "); 
} 
} 
} 
a(); //如果不調(diào)用a方法，則里面定義的屬性會取不到 
alert(window.fieldA); 
methodA(); 
</script> 

Demo 2 ：
如果使用new的方式去實例化一個對象，則this不等于window對象，this指向function a的實例

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
//在function中使用this之二 
function a() { 
if (this == window) { 
alert("this == window"); 
} 
else { 
alert("this != window"); 
} 
this.fieldA = "I'm a field"; 
} 
var b = new a(); 
alert(b.fieldA); 
</script> 

Demo 3 ：
使用prototype擴展方法可以使用this獲取到源對象的實例，私有字段無法通過原型鏈獲取

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
//在function中使用this之三 
function a() { 
this.fieldA = "I'm a field"; 
var privateFieldA = "I'm a var"; 
} 
a.prototype.ExtendMethod = function(str) { 
alert(str + " : " + this.fieldA); 
alert(privateFieldA); //出錯 
}; 
var b = new a(); 
b.ExtendMethod("From prototype"); 
</script> 

Demo 4 ：
不管是直接引用function，還是實例化一個function，其返回的閉包函數(shù)里的this都是指向window

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
//在function中使用this之四 
function a() { 
alert(this == window); 
var that = this; 
var func = function() { 
alert(this == window); 
alert(that); 
}; 
return func; 
} 
var b = a(); 
b(); 
var c = new a(); 
c(); 
</script> 

Demo 5 ：
在HTML中使用this，一般代表該元素本身

復(fù)制代碼代碼如下:

 
<div onclick="test(this)" id="div">Click Me</div> 
<script type="text/javascript"> 
function test(obj) { 
alert(obj); 
} 
</script> 

Demo 6 :
在IE和火狐（Chrome）下注冊事件，this分別指向window和元素本身

復(fù)制代碼代碼如下:

 
<div id="div">Click Me</div> 
<script type="text/javascript"> 
var div = document.getElementById("div"); 
if (div.attachEvent) { 
div.attachEvent("onclick", function() { 
alert(this == window); 
var e = event; 
alert(e.srcElement == this); 
}); 
} 
if (div.addEventListener) { 
div.addEventListener("click", function(e) { 
alert(this == window); 
e = e; 
alert(e.target == this); 
}, false); 
} 
</script> 