What‘s this in a class method and in a callback function?

最新推荐文章于 2026-06-20 22:27:38 发布

原创最新推荐文章于 2026-06-20 22:27:38 发布 · 242 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #this

收录于

文章讨论了JavaScript类中的`this`指向问题，介绍了构造函数中`this`的使用，以及如何通过`bind`保持在对象上下文中执行回调函数。特别强调了当将`callback`赋值给变量时，可能会导致`this`上下文丢失。

class MyClass{
    constructor(){
        this.name="NAME";
    }
    callback(){
        console.log(this.name);
    }
    do(){
        this.callback();                              //正常方法调用
        
        let doback = this.callback.bind(this);
        doback();                                     //也是可以的
        
        setTimeout(()=>{
            doback();                                 //可以的
            console.log("In function " + this.name);  //没问题
        },10);

        doback = this.callback;
        doback();                                      //错误！ 赋值导致this上下文丢失
    }

}

let obj = new MyClass();
obj.do();