在javascript當(dāng)中每一個(gè)function都是一個(gè)對(duì)象，所以在這個(gè)里var temp=this 指的是function當(dāng)前的對(duì)象。this是Javascript語(yǔ)言的一個(gè)關(guān)鍵字。它代表函數(shù)運(yùn)行時(shí)，自動(dòng)生成的一個(gè)內(nèi)部對(duì)象，只能在函數(shù)內(nèi)部使用。

this

在函數(shù)執(zhí)行時(shí)，this 總是指向調(diào)用該函數(shù)的對(duì)象。要判斷 this 的指向，其實(shí)就是判斷 this 所在的函數(shù)屬于誰(shuí)。

在《javaScript語(yǔ)言精粹》這本書(shū)中，把 this 出現(xiàn)的場(chǎng)景分為四類，簡(jiǎn)單的說(shuō)就是：

有對(duì)象就指向調(diào)用對(duì)象

沒(méi)調(diào)用對(duì)象就指向全局對(duì)象

用new構(gòu)造就指向新對(duì)象

通過(guò) apply 或 call 或 bind 來(lái)改變 this 的所指。

1) 函數(shù)有所屬對(duì)象時(shí)：指向所屬對(duì)象

函數(shù)有所屬對(duì)象時(shí)，通常通過(guò) . 表達(dá)式調(diào)用，這時(shí) this 自然指向所屬對(duì)象。比如下面的例子：

1. var myObject = {value: 100}; 
2. myObject.getValue = function () { 
3. console.log(this.value); // 輸出 100 
4.  
5. // 輸出 { value: 100, getValue: [Function] }， 
6. // 其實(shí)就是 myObject 對(duì)象本身 
7. console.log(this); 
8.  
9. return this.value; 
10. }; 
11.  
12. console.log(myObject.getValue()); // => 100 

getValue() 屬于對(duì)象 myObject，并由 myOjbect 進(jìn)行 . 調(diào)用，因此 this 指向?qū)ο?myObject。

2) 函數(shù)沒(méi)有所屬對(duì)象：指向全局對(duì)象

1. var myObject = {value: 100}; 
2. myObject.getValue = function () { 
3. var foo = function () { 
4. console.log(this.value) // => undefined 
5. console.log(this);// 輸出全局對(duì)象 global 
6. }; 
7.  
8. foo(); 
9.  
10. return this.value; 
11. }; 
12.  
13. console.log(myObject.getValue()); // => 100 

在上述代碼塊中，foo 函數(shù)雖然定義在 getValue 的函數(shù)體內(nèi)，但實(shí)際上它既不屬于 getValue 也不屬于 myObject。foo 并沒(méi)有被綁定在任何對(duì)象上，所以當(dāng)調(diào)用時(shí)，它的 this 指針指向了全局對(duì)象 global。

據(jù)說(shuō)這是個(gè)設(shè)計(jì)錯(cuò)誤。

3) 構(gòu)造器中的 this：指向新對(duì)象

js 中，我們通過(guò) new 關(guān)鍵詞來(lái)調(diào)用構(gòu)造函數(shù)，此時(shí) this 會(huì)綁定在該新對(duì)象上。

1. var SomeClass = function(){ 
2. this.value = 100; 
3. } 
4.  
5. var myCreate = new SomeClass(); 
6.  
7. console.log(myCreate.value); // 輸出100 

順便說(shuō)一句，在 js 中，構(gòu)造函數(shù)、普通函數(shù)、對(duì)象方法、閉包，這四者沒(méi)有明確界線。界線都在人的心中。

4) apply 和 call 調(diào)用以及 bind 綁定：指向綁定的對(duì)象

apply() 方法接受兩個(gè)參數(shù)第一個(gè)是函數(shù)運(yùn)行的作用域，另外一個(gè)是一個(gè)參數(shù)數(shù)組(arguments)。

call() 方法第一個(gè)參數(shù)的意義與 apply() 方法相同，只是其他的參數(shù)需要一個(gè)個(gè)列舉出來(lái)。

簡(jiǎn)單來(lái)說(shuō)，call 的方式更接近我們平時(shí)調(diào)用函數(shù)，而 apply 需要我們傳遞 Array 形式的數(shù)組給它。它們是可以互相轉(zhuǎn)換的。

1. var myObject = {value: 100}; 
2.  
3. var foo = function(){ 
4. console.log(this); 
5. }; 
6.  
7. foo(); // 全局變量 global 
8. foo.apply(myObject); // { value: 100 } 
9. foo.call(myObject); // { value: 100 } 
10.  
11. var newFoo = foo.bind(myObject); 
12. newFoo(); // { value: 100 } 

以所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。