js中this的指向__js

來源:互聯網
上載者:User

this是Javascript語言的一個關鍵字。
它代表函數運行時,自動產生的一個內部對象,只能在函數內部使用。比如:

function test(){     this.x = 1;   } 

隨著函數使用場合的不同,this的值會發生變化。但是有一個總的原則,那就是this指的是,調用函數的那個對象。

下面分四種情況,詳細討論this的用法。

情況一:純粹的函數調用

這是函數的最通常用法,屬於全域性調用,因此this就代表全域對象。

請看下面這段代碼,它的運行結果是1。

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 

運行結果為1。為了表明這時this不是全域對象,我對代碼做一些改變:

var x = 2;   function test(){     this.x = 1;   }   var o = new test();   alert(x); //2 

運行結果為2,表明全域變數x的值根本沒變。

情況四 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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.