javascript this指針詳解

AlphaWallet 發布于2019-08-22 11:18 / 716人閱讀

摘要：但是有一個總的原則，那就是指的是，調用函數的那個對象使用主要分四種情況，討論下指針的用法和注意事項一純粹的函數調用這是函數的最通常用法，屬于全局性調用，因此就代表全局對象。

this是Javascript語言的一個關鍵字它代表函數運行時，自動生成的一個內部對象，只能在函數內部使用,隨著函數使用場合的不同，this的值會發生變化。但是有一個總的原則，那就是this指的是，調用函數的那個對象

this使用主要分四種情況，討論下this指針的用法和注意事項：

一純粹的函數調用

這是函數的最通常用法，屬于全局性調用，因此this就代表全局對象Global。

function test(){ 

　　　　this.x = 1; 

　　　　alert(this.x); 

　　} 

　　test(); // 1

為了證明this就是全局對象，我對代碼做一些改變：

var x = 1; 

　　function test(){ 

　　　　alert(this.x); 

　　} 

　　test(); // 1

運行結果還是1。再變一下：

var x = 1; 

　　function test(){ 

　　　　this.x = 0; 

　　} 

　　test(); 

　　alert(x); //0

二作為對象方法的調用

函數還可以作為某個對象的方法調用，這時this就指這個上級對象。

function test(){ 

　　　　alert(this.x); 

　　} 

　　var o = {}; 

　　o.x = 1; 

　　o.m = test; 

　　o.m(); // 1

三作為構造函數調用

所謂構造函數，就是通過這個函數生成一個新對象（object）。這時，this就指這個新對象。

function test(){ 

　　　　this.x = 1; 

　　} 

　　var o = new test(); 

　　alert(o.x); // 1

四 apply調用

apply()是函數對象的一個方法，它的作用是改變函數的調用對象，它的第一個參數就表示改變后的調用這個函數的對象。因此，this指的就是這第一個參數。

var x = 0; 

　　function test(){ 

　　　　alert(this.x); 

　　} 

　　var o={}; 

　　o.x = 1; 

　　o.m = test; 

　　o.m.apply(); //0

apply()的參數為空時，默認調用全局對象。因此，這時的運行結果為0，證明this指的是全局對象。
如果把最后一行代碼修改為 o.m.apply(o); //1
運行結果就變成了1，證明了這時this代表的是對象o

原文轉載自此鏈接

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92131.html

javascript技術難點（三）之this、new、apply和call詳解

摘要：第四點也要著重講下，記住構造函數被操作，要讓正常作用最好不能在構造函數里 4) this、new、call和apply的相關問題講解this指針的原理是個很復雜的問題，如果我們從javascript里this的實現機制來說明this，很多朋友可能會越來越糊涂，因此本篇打算換一個思路從應用的角度來講解this指針，從這個角度理解this指針更加有現實意義。下面我們看看在ja...

ghnor 2019-08-21 10:27 評論0 收藏0
javascript this指針詳解

摘要：但是有一個總的原則，那就是指的是，調用函數的那個對象使用主要分四種情況，討論下指針的用法和注意事項一純粹的函數調用這是函數的最通常用法，屬于全局性調用，因此就代表全局對象。 this是Javascript語言的一個關鍵字它代表函數運行時，自動生成的一個內部對象，只能在函數內部使用,隨著函數使用場合的不同，this的值會發生變化。但是有一個總的原則，那就是this指的是，調用函數的那個對...

graf 2019-08-22 11:18 評論0 收藏0
JavaScript學習總結（五）原型和原型鏈詳解

摘要：原型對象內部也有一個指針屬性指向構造函數實例可以訪問原型對象上定義的屬性和方法。在創建子類型的實例時，不能向超類型的構造函數中傳遞參數。贊助我以寫出更好的文章，give me a cup of coffee? 2017最新最全前端面試題私有變量和函數在函數內部定義的變量和函數，如果不對外提供接口，外部是無法訪問到的，也就是該函數的私有的變量和函數。 function ...

EscapedDog 2019-08-21 12:28 評論0 收藏0
javascript對象詳解：__proto__和prototype的區別和聯系

摘要：當這步完成，這個對象就與構造函數再無聯系，這個時候即使構造函數再加任何成員，都不再影響已經實例化的對象了。此時，對象具有了和屬性，同時具有了構造函數的原型對象的所有成員，當然，此時該原型對象是沒有成員的。前言本篇文章用來記錄下最近研究對象的一些心得，做一個記錄與總結，以加深自己的印象，同時，希望也能給正在學習中的你一點啟發。本文適合有一定JavaScript基礎的童鞋閱讀。原文戳這...

chavesgu 2019-08-21 11:41 評論0 收藏0
JavaScript之this對象詳解

摘要：再來看一個小的示例淘寶騰訊淘寶為什么輸出的依然是淘寶呢調用的是對象中的方法，方法里面有一個定時器，而定時器的一個參數是這里的指的就是的對象，然后方法里面有調用了，但是定時器中的指的是對象，所以最終調用的是對象中。 1.看前熱身看一段代碼 var name = javascript; var obj = { name:js, foo:f...

Integ 2019-08-22 13:56 評論0 收藏0