js中的this關(guān)鍵字

this是Javascript語言的一個關(guān)鍵字它代表函數(shù)運行時,自動生成的一個內(nèi)部對象,只能在函數(shù)內(nèi)部使用,下面分四種情況,詳細討論this的用法,

this是Javascript語言的一個關(guān)鍵字。

它代表函數(shù)運行時,自動生成的一個內(nèi)部對象,只能在函數(shù)內(nèi)部使用。比如,

代碼如下:

function test(){

this.x = 1;

}

隨著函數(shù)使用場合的不同,this的值會發(fā)生變化。但是有一個總的原則,那就是this指的是,調(diào)用函數(shù)的那個對象。

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

情況一:純粹的函數(shù)調(diào)用

這是函數(shù)的最通常用法,屬于全局性調(diào)用,因此this就代表全局對象Global。

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

代碼如下:

function test(){

this.x = 1;

alert(this.x);

}

test(); // 1

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

代碼如下:

var x = 1;

function test(){

alert(this.x);

}

test(); // 1

運行結(jié)果還是1。再變一下:

代碼如下:

var x = 1;

function test(){

this.x = 0;

}

test();

alert(x); //0

情況二:作為對象方法的調(diào)用

函數(shù)還可以作為某個對象的方法調(diào)用,這時this就指這個上級對象。

代碼如下:

function test(){

alert(this.x);

}

var o = {};

o.x = 1;

o.m = test;

o.m(); // 1

情況三 作為構(gòu)造函數(shù)調(diào)用

所謂構(gòu)造函數(shù),就是通過這個函數(shù)生成一個新對象(object)。這時,this就指這個新對象。

代碼如下:

function test(){

this.x = 1;

}

var o = new test();

alert(o.x); // 1

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

代碼如下:

var x = 2;

function test(){

this.x = 1;

}

var o = new test();

alert(x); //2

運行結(jié)果為2,表明全局變量x的值根本沒變。

情況四 apply調(diào)用

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

代碼如下:

var x = 0;

function test(){

alert(this.x);

}

var o={};

o.x = 1;

o.m = test;

o.m.apply(); //0

apply()的參數(shù)為空時,默認(rèn)調(diào)用全局對象。因此,這時的運行結(jié)果為0,證明this指的是全局對象。

如果把最后一行代碼修改為

代碼如下:

o.m.apply(o); //1

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • this是Javascript語言的一個關(guān)鍵字它代表函數(shù)運行時,自動生成的一個內(nèi)部對象,只能在函數(shù)內(nèi)部使用,下面分...
    逍遙g閱讀 445評論 0 1
  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 8,131評論 2 17
  • 第一章: JS簡介 從當(dāng)初簡單的語言,變成了現(xiàn)在能夠處理復(fù)雜計算和交互,擁有閉包、匿名函數(shù), 甚至元編程等...
    LaBaby_閱讀 1,761評論 0 6
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,679評論 0 4
  • 我是王飛,做了很多事,行走了很多地方,巧如飛這個名字;我來自黃土高原,千溝萬壑,痛苦忍耐,恰如我的生命歷程;我大學(xué)...
    東南亞好男人閱讀 261評論 0 1

友情鏈接更多精彩內(nèi)容