菜鸟聊JavaScript中this

最新推荐文章于 2025-08-07 21:48:39 发布

weixin_33994429

最新推荐文章于 2025-08-07 21:48:39 发布

阅读量79

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhnaglei/p/6566412.html

本文通过三个实例探讨了JavaScript中this关键字的指向问题。指出this的指向取决于函数的调用方式而非定义位置，并总结了不同场景下this的具体指向。

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

菜鸟聊this

this在JavaScript中是一个比较头疼的问题，我现在以一枚菜鸟的观点结合代码简单的谈下JavaScript中的this指向问题。

1.例子1

function a() {
    var user='zhanglei';
    console.log(this.user);  //undefined
    console.log(this);  //window
}
a();

this最终指向调用他的对象，这里的a实际是被window对象点出来的，下面的代码可以证明：

    function a() {
        var user='zhanglei';
        console.log(this.user);  //undefined
        console.log(this);  //window
    }
window.a();

2.例子2

var o={
    user:'zhanglei',
    fn:function () {
      console.log(this.user);  //zhanglei
    };
}

o.fn();

this的指向问题不是在函数创建时候就决定的，而是在调用的时候才能决定。

3.例子3

var o = {
    name:'张磊',
    fn:function () {
      console.log(this.name);  //张磊
    }
}
window.o.fn();

var o = {
    name:'张磊',
    paly:{
        name:'风流倜傥小小张',
        fn:function () {
        console.log(this.name);  //风流倜傥小小张
        }
    }
}

o.b.fn();

最后总结一下：

1.this的指向问题是在函数调用的时候调用的，而不是在开始创建的时候就决定的。
2.如果函数中有this，但是它没有被上一级的对象所调用，那么this的指向依旧是window对象。
3.如果函数中有this，这个函数有被上一级的对象调用，此时this就是指向上一级的对象。
4.如果一个函数中有多个this。这个函数中包含多个对象，尽管这函数被最外层的对象所调用，this的指向只是它的上一级对象。

转载于:https://www.cnblogs.com/zhnaglei/p/6566412.html