淺談javascript中的this

js的this是什麼？關於這個東西，博客園裡面有太多的解釋了，不過，本人看了一下，感覺對this解釋的有點複雜了，因此，本人在此給this一個簡單易於理解的定義。

this其實是js的一個物件，至於是什麼物件呢？很簡單，this這個物件就是：誰呼叫它它就指向誰。

關於這一點，其實，博客園的文章已經說明了很多了，有的文章也說到了點子上，只不過，他們解釋的還是有點模糊，這裡，我給大家做幾個簡單的對照實驗，根據這幾個對照實驗的結果，大家應該很清楚了。

希望大家根據我的程式碼重複實現下面的實驗。

首先，我們來看下面的程式碼：

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
  return this.user;//返回当前对象的user属性值
 }
}
//调用a的getName方法
alert(a.getName());

#上面的程式碼會輸出什麼呢？沒錯，這裡alert的是・・・・小東・・・・，很簡單，這裡是在a對象的內部調用this嘛，肯定是a對象調用this，所以根據・・・・・・・・・・・・・誰調用this它就指向誰這個定義・・・・・・・・・・・，那麼這裡的this指向的就是a對象。

接下來，我們再給上面的程式碼新增一行：

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
  return this.user;//返回当前对象的user属性值
 }
}
//调用a的getName方法
alert(a.getName());
//把局部对象的属性函数赋值给外面的变量out
var out = a.getName;
//调用out函数
alert(out());

根據上面的實驗結果，我們知道直接呼叫a.getName輸出的是小東，對吧？那麼，我們把a.getName這個屬性函數賦值給out變數之後，再來呼叫out會輸出什麼呢？結果是：undefined的。為什麼會是undefined的？請思考一會兒。要是你明白這裡為什麼輸出的是undefined的原因，那麼，我想你對this的理解已經很清楚了。但是，如果，你對本文有興趣，你還是可以繼續看下去的。

這裡，我先不解釋為什麼在外面引用a物件的getName函數卻得不到a物件裡面的值，我們轉過彎來講，請看下面的程式碼（其實和上面的程式碼是差不多的，呵呵）：

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
 return 1;//这里我们不返回this，而是返回1
}
}
//调用a的getName方法
alert(a.getName());
//把局部对象的属性函数赋值给外面的变量out
var out = a.getName;
//调用out函数
alert(out());

上面的程式碼很簡單吧，這裡，我們不在a物件的getName屬性函數裡面傳回a物件的東西，而是返回・・・1・・・・・，那麼，此刻你再呼叫out函數，你覺得會輸出什麼呢？沒錯，你得到的不再是・・・・undefined・・・・的，而是一個實實在在的數字・・・・1・・・・・・。這就奇怪了，對吧？當a.getName函數傳回的是a物件裡面的user屬性時，我們用out來引用a.getName函數時，我們得到的是undefined的結果，而當a.getName函數傳回的是1時，我們再用out引用a.getName函數卻可以得到a.getName裡面的東西？這是怎麼回事呢？

原因很簡單，當我們呼叫外面的全域變數out的時候，this它指向的應該out的對象，而不是a對象，而out的對像是誰呢？我們應該知道，js在全域中宣告的變數的物件是window物件吧。 既然呼叫out時，this指向的是window，那麼函數out=a.getName=function(){return this.user;}裡面的this.user我們應該寫出window.user對吧？ 但是，此刻，全域變數中有沒有一個window.user的屬性值呢？沒有吧？既然沒有window.user這個屬性值，那我們alert(window.user)一定是undefined啦。為了證明這一點，我們來做下面的實驗：

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
  return this.user;//返回当前对象的user属性值
 }
}
//调用a的getName方法
alert(a.getName());
//把局部对象的属性函数赋值给外面的变量out
var out = a.getName;
//我们增加一个window.user的全局属性，看看再次调用out函数会输出什么
var window.user='window"s username';
//调用out函数
alert(out());

#此刻，當你再執行上面的程式碼時，你會發現，out函數輸出的不再是undefined，而是window's username，證明了什麼？證明了當out調用this時，this確實指向了window，同時也證明了，this確實是：誰調用它它就指向誰。

如果你不懂js的全域變量，那麼，我們可以把上面的程式碼換成下面的程式碼再來呼叫out，你就更明白了：

##

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
  return this.user;//返回当前对象的user属性值
 }
}
//调用a的getName方法
alert(a.getName());
//把局部对象的属性函数赋值给外面的变量out
var out = a.getName;
//此刻，我们增加一个user的变量，看看再次调用out函数会输出什么
var user='window"s username';
//调用out函数
alert(out());

這裡，我們不再啟用window這個對象，對於外面的屬性和函數，我們一律都用var 來聲明，既然都用var來聲明，那麼他們應該都指向同一個對象吧？此刻，你再執行上面的程式碼，也就是執行out函數，還是可以alert出window's username。行文到此，this的定義已經再明白不過了，它就是：誰調用它它就指向誰。

this不難理解，難以理解的是，你要找到那個調用它的・・・・・・・・對象・・・・・，只有找到調用this的對象，你才知道this到底指向誰，因為：this的定義就是：誰呼叫它它就指向誰。

#

以上是淺談javascript中的this的詳細內容。更多資訊請關注PHP中文網其他相關文章！