(1)只使用函数名调用方法时,函数中定义的 this 指向 window 对象
function fun(){
this.x = function(x){ //使用 this 关键字为函数定义一个方法 x()
return x;
}
}
fun(); //函数调用
alert(fun.x(4)); //使用函数名 fun 调用方法 x(),则返回编译错误
alert(window.x(4)); //使用 window 对象调用方法 x(),则返回 4
方法 x() 是在函数 fun 体内定义,由于函数 fun 是被 window 对象到调用,所以 this 就指向 window 对象。
(2)当使用 new 运算符调用函数调用函数,则 this 将指向实例对象
function fun(){
this.x = function(x){ //使用 this 关键字为函数定义一个方法 x()
return x;
}
}
var a = new fun(); //使用 new 运算符调用函数,并把实例化对象赋值给变量 a,则 a 就拥有函数 fun的结构
alert(a.x(4)); //使用对象 a 调用方法 x(),返回 4
alert(window.x(4)); //提示编译错误
以上代码中,this 指向实例对象,变量 a 就称为 this 指代的对象,此时调用方法 x() 就不能使用 window 对象。
(3)利用 this 可以为调用对象定义属性
var x = 1; //声明变量 x 为 1
function fun(){
this.x = 2; //声明当前对象的属性 x 为 2
}
alert(x); //返回 1
fun(); //调用函数 fun
alert(x); //返回 2
如果在显示变量 x 的值之前调用函数 fun,则函数内部的 this 致电给当前对象 window,则 this.x 就等于 window.x,改属性与全局变量 x 同名,于是覆盖全局变量的值,所以返回 2。