有人可以解释为什么在这两种情况下`this`不同[重复]

Question

let obj = {
    one: function(){
        this.two();
    },

    two: function(){
        console.log("two");
    }
}

let oneFunc = obj.one;

obj.one(); // two

oneFunc(); // TypeError: this.two is not a function

我用 JavaScript 编程已经有一段时间了。我以为我对 this 关键字有一个非常扎实的把握。然而，我今天遇到了这个问题，这让我大吃一惊。我无法弄清楚为什么会这样。当我调用oneFunc() 时，this 指的是全局对象。为什么会这样？

Answer 1

this 引用对象，而您在这里所做的是创建一个等于对象方法的函数，因此您失去了对对象的引用。

你可以使用绑定

let obj = {
    one: function(){
        this.two();
    },

    two: function(){
        console.log("two");
    }
}

let oneFunc = obj.one;
oneFunc = oneFunc.bind(obj);

obj.one(); // two

oneFunc(); // TypeError: this.two is not a function