JavaScript关键字this

this是Javascript语言的一个关键字。

它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。

下面分多种情况对this的用法进行剖析：

一：纯粹的函数调用

这是函数的最通常用法，属于全局性调用，因此this就代表全局对象。

var a = “123”;
function fn(){
var a = “345”;
alert(this.a);  //与window.a相同
}
fn();               //  123

由此可见，fn()执行时，函数里的this 指向全局对象window。

二：作为对象方法的调用

函数还可以作为某个对象的方法调用，这时this就指这个上级对象。

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

三：作为构造函数调用

所谓构造函数，就是通过这个函数生成一个新对象（object）。这时，this就指这个新对象。

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

四：apply调用

apply()是函数对象的一个方法，它的作用是改变函数的调用对象，它的第一个参数就表示改变后的调用这个函数的对象。因此，this指的就是这第一个参数。

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，证明this指的是全局对象。而当传入参数不为空时，运行结果为1，证明了这是this代表的是对象o。

五：onclick调用函数传参

window.onload = function(){
document.getElementById(“box”).onclick = function(){
alert(this.style.width);
};
}

运行弹出的是id为box元素的宽，表明这里的this指向的是当前元素。

<input id="myinput" type="text" value="javascript中onclick中的this" onclick="javascript:test(this);"/>

function test(obj){
alert(obj);           //[object HTMLInputElement]
alert(obj.id);        //myinput
alert(obj.value);     //javascript中onclick中的this
}