js的this是什么？關(guān)于這個(gè)東西，博客園里面有太多的解釋了，不過(guò)，本人看了一下，感覺(jué)對(duì)this解釋的有點(diǎn)復(fù)雜了，因此，本人在此給this一個(gè)簡(jiǎn)單易于理解的定義。

this其實(shí)是js的一個(gè)對(duì)象，至于是什么對(duì)象呢？很簡(jiǎn)單，this這個(gè)對(duì)象就是：誰(shuí)調(diào)用它它就指向誰(shuí)。

關(guān)于這一點(diǎn)，其實(shí)，博客園的文章已經(jīng)說(shuō)明了很多了，有的文章也說(shuō)到了點(diǎn)子上，只不過(guò)，他們解釋的還是有點(diǎn)模糊，這里，我給大家做幾個(gè)簡(jiǎn)單的對(duì)照實(shí)驗(yàn)，根據(jù)這幾個(gè)對(duì)照實(shí)驗(yàn)的結(jié)果，大家應(yīng)該很清楚了。

希望大家根據(jù)我的代碼重復(fù)實(shí)現(xiàn)下面的實(shí)驗(yàn)。

首先，我們來(lái)看下面的代碼：

//創(chuàng)建一個(gè)局部對(duì)象a
var a = {
 user:'小東',
 getName:function(){
  return this.user;//返回當(dāng)前對(duì)象的user屬性值
 }
}
//調(diào)用a的getName方法
alert(a.getName());

上面的代碼會(huì)輸出什么呢？沒(méi)錯(cuò)，這里alert的是····小東····，很簡(jiǎn)單，這里是在a對(duì)象的內(nèi)部調(diào)用this嘛，肯定是a對(duì)象調(diào)用this，所以根據(jù)···········誰(shuí)調(diào)用this它就指向誰(shuí)這個(gè)定義···········，那么這里的this指向的就是a對(duì)象。

接下來(lái)，我們?cè)俳o上面的代碼添加一行：

//創(chuàng)建一個(gè)局部對(duì)象a
var a = {
 user:'小東',
 getName:function(){
  return this.user;//返回當(dāng)前對(duì)象的user屬性值
 }
}
//調(diào)用a的getName方法
alert(a.getName());
//把局部對(duì)象的屬性函數(shù)賦值給外面的變量out
var out = a.getName;
//調(diào)用out函數(shù)
alert(out());

根據(jù)上面的實(shí)驗(yàn)結(jié)果，我們知道直接調(diào)用a.getName輸出的是小東，對(duì)吧？那么，我們把a(bǔ).getName這個(gè)屬性函數(shù)賦值給out變量之后，再來(lái)調(diào)用out會(huì)輸出什么呢？結(jié)果是：undefined的。為什么會(huì)是undefined的？請(qǐng)思考一會(huì)。要是你明白這里為什么輸出的是undefined的原因，那么，我想你對(duì)this的理解已經(jīng)很清楚了。但是，如果，你對(duì)本文感興趣，你還是可以繼續(xù)看下去的。

這里，我先不解釋為什么在外面引用a對(duì)象的getName函數(shù)卻得不到a對(duì)象里面的值，我們轉(zhuǎn)過(guò)彎來(lái)講，請(qǐng)看下面的代碼（其實(shí)和上面的代碼是差不多的，呵呵）：

//創(chuàng)建一個(gè)局部對(duì)象a
var a = {
 user:'小東',
 getName:function(){
 return 1;//這里我們不返回this，而是返回1
}
}
//調(diào)用a的getName方法
alert(a.getName());
//把局部對(duì)象的屬性函數(shù)賦值給外面的變量out
var out = a.getName;
//調(diào)用out函數(shù)
alert(out());

上面的代碼很簡(jiǎn)單吧，這里，我們不在a對(duì)象的getName屬性函數(shù)里面返回a對(duì)象的東西，而是返回···1·····，那么，此刻你再調(diào)用out函數(shù)，你覺(jué)得會(huì)輸出什么呢？沒(méi)錯(cuò)，你得到的不再是····undefined····的，而是一個(gè)實(shí)實(shí)在在的數(shù)字····1······。這就奇怪了，是吧？當(dāng)a.getName函數(shù)返回的是a對(duì)象里面的user屬性時(shí)，我們用out來(lái)引用a.getName函數(shù)時(shí)，我們得到的是undefined的結(jié)果，而當(dāng)a.getName函數(shù)返回的是1時(shí)，我們?cè)儆胦ut引用a.getName函數(shù)卻可以得到a.getName里面的東西？這是怎么回事呢？

原因很簡(jiǎn)單，當(dāng)我們調(diào)用外面的全局變量out的時(shí)候，this它指向的應(yīng)該out的對(duì)象，而不是a對(duì)象，而out的對(duì)象是誰(shuí)呢？我們應(yīng)該知道，js在全局中聲明的變量的對(duì)象是window對(duì)象吧。既然調(diào)用out時(shí)，this指向的是window，那么函數(shù)out=a.getName=function(){return this.user;}里面的this.user我們應(yīng)該寫(xiě)出window.user對(duì)吧？但是，此刻，全局變量中有沒(méi)有一個(gè)window.user的屬性值呢？沒(méi)有吧？既然沒(méi)有window.user這個(gè)屬性值，那么我們alert(window.user)肯定是undefined啦。為了證明這一點(diǎn)，我們來(lái)做下面的實(shí)驗(yàn)：

//創(chuàng)建一個(gè)局部對(duì)象a
var a = {
 user:'小東',
 getName:function(){
  return this.user;//返回當(dāng)前對(duì)象的user屬性值
 }
}
//調(diào)用a的getName方法
alert(a.getName());
//把局部對(duì)象的屬性函數(shù)賦值給外面的變量out
var out = a.getName;
//我們?cè)黾右粋€(gè)window.user的全局屬性，看看再次調(diào)用out函數(shù)會(huì)輸出什么
var window.user='window"s username';
//調(diào)用out函數(shù)
alert(out());

此刻，當(dāng)你再執(zhí)行上面的代碼時(shí)，你會(huì)發(fā)現(xiàn)，out函數(shù)輸出的不再是undefined，而是window's username，這證明了什么？證明了當(dāng)out調(diào)用this時(shí)，this確實(shí)指向了window，同時(shí)也證明了，this確實(shí)是：誰(shuí)調(diào)用它它就指向誰(shuí)。

如果你不理解js的全局變量，那么，我們可以把上面的代碼換成下面的代碼再來(lái)調(diào)用out，你就更加明白了：

//創(chuàng)建一個(gè)局部對(duì)象a
var a = {
 user:'小東',
 getName:function(){
  return this.user;//返回當(dāng)前對(duì)象的user屬性值
 }
}
//調(diào)用a的getName方法
alert(a.getName());
//把局部對(duì)象的屬性函數(shù)賦值給外面的變量out
var out = a.getName;
//此刻，我們?cè)黾右粋€(gè)user的變量，看看再次調(diào)用out函數(shù)會(huì)輸出什么
var user='window"s username';
//調(diào)用out函數(shù)
alert(out());

這里，我們不再啟用window這個(gè)對(duì)象，對(duì)于外面的屬性和函數(shù)，我們一律都用var 來(lái)聲明，既然都用var來(lái)聲明，那么他們應(yīng)該都指向同一個(gè)對(duì)象吧？此刻，你再執(zhí)行上面的代碼，也就是執(zhí)行out函數(shù)，依然可以alert出window's username。行文到此，this的定義已經(jīng)再明白不過(guò)了，它就是：誰(shuí)調(diào)用它它就指向誰(shuí)。

this不難理解，難以理解的是，你要找到那個(gè)調(diào)用它的········對(duì)象·····，只有找到調(diào)用this的對(duì)象，你才知道this到底指向誰(shuí)，因?yàn)椋簍his的定義就是：誰(shuí)調(diào)用它它就指向誰(shuí)。

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

最新評(píng)論