當前位置:才華齋>設計>網頁設計>

Javascript的this用法簡述

網頁設計 閱讀(1.62W)

Javascript中的this關鍵字要怎麼用,它的用法有哪些?下面YJBYS小編為大家介紹如下!

Javascript的this用法簡述

this是Javascript語言的一個關鍵字。

它代表函式執行時,自動生成的一個內部物件,只能在函式內部使用。比如,

function test(){

this.x = 1;

}

隨著函式使用場合的不同,this的值會發生變化。但是有一個總的原則,那就是this指的.是,呼叫函式的那個物件。

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

  情況一:純粹的函式呼叫

這是函式的最通常用法,屬於全域性性呼叫,因此this就代表全域性物件Global。

請看下面這段程式碼,它的執行結果是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;

y(); //0

apply()的引數為空時,預設呼叫全域性物件。因此,這時的執行結果為0,證明this指的是全域性物件。

如果把最後一行程式碼修改為:

y(o); //1

執行結果就變成了1,證明了這時this代表的是物件o。