这里先从我们在开发过程中经常见到的this使用场景来分析
一般认为:
this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个(直接)调用它的对象(可能不正确)
一 、this => window(this指向window对象的场景)
function a(){
var user = "zjl";
console.log(this.user); //undefined
console.log(this); //Window 毫无疑问指向window
}
a();// window.a()
二 、指向调用函数的那个对象
var o = {
user:"zjl",
fn:function(){
console.log(this.user); //zjl
}
}
o.fn();
//这里的this指向的是对象o,因为你调用这个fn是通过o.fn()执行的,那自然指向就是对象o,这里再次强调一点,this的指向在函数创建的时候是决定不了的,在调用的时候才能决定,谁调用的就指向谁,一定要搞清楚这个。
三、层级嵌套中的this
var o = {
a:10,
b:{
a:12,
fn:function(){
console.log(this.a); //12 ????????
}
}
}
// 情况1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window,在严格版中的默认的this不再是window,而是undefined。
//情况2:如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象。
// 情况3:如果一个函数中有this,这个函数中包含多个对象,尽管这个函数是被最外层的对象所调用,this指向的也只是它上一级的对象
四、构造函数中的this
function Fn(){
this.user = "zjl";
}
var a = new Fn();
console.log(a.user); //zjl
// 为什么能改变this 的指向??
五、call 、apply 改变this 的指向
// 未完待续……………………………………………