js中this應用

標籤：

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

1、純粹函數調用。

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

其實這裡的this就是全域變數。看下面的例子就能很好的理解其實this就是全域對象Global。

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

var x = 1;
function test() {
    this.x = 0;
}
test();
alert(x);//0

2、作為方法調用，那麼this就是指這個上級對象。

function test() {
    alert(this.x);
}

var o = {};
o.x = 1;
o.m = test;
o.m(); //1

3、作為建構函式調用。所謂建構函式，就是產生一個新的對象。這時，這個this就是指這個對象。

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

4、apply調用

this指向的是apply中的第一個參數。

var x = 0;
function test() {
    alert(this.x);
}

var o = {};
o.x = 1;
o.m = test;
o.m.apply(); //0
o.m.apply(o);//1

當apply沒有參數時，表示為全域對象。所以值為0。

js中this應用