javascript中this指向问题

郝静and静静

于 2018-03-09 10:05:19 发布

阅读量211

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发

本文链接：https://blog.youkuaiyun.com/u010705091/article/details/79493242

57 篇文章

订阅专栏

本文深入探讨了JavaScript中this关键字的工作原理及其指向问题。通过具体的代码示例解释了this的指向如何由函数调用的方式决定，并强调了理解this指向对于前端开发者的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是

那个调用它的对象.

function a(){
    var user = "追梦子";
    console.log(this.user); //undefined
    console.log(this); //Window
}
a();

this最终指向的是调用它的对象，这里的函数a实际是被Window对象所点出来的，下面的代码就可以证明

function a(){
    var user = "追梦子";
    console.log(this.user); //undefined
    console.log(this);　　//Window
}
window.a();

var o = {
user:"追梦子",
fn:function(){
console.log(this.user); //追梦子
}
}

o.fn();

这里的this指向的是对象o，因为你调用这个fn是通过o.fn()执行的，那自然指向就是对象o，这里再次强调一点，this的指向在函数创建的时候是决定不了的，在调用的时候才能决定，谁调用的就指向谁，一定要搞清楚这个。