javascript - 如何在不使用 bind() 的情况下为另一个函数内部的函数设置 'this' 值？

Question

目标:我的目标是调用 clientData 对象的 setUserName 方法，使得属性:fullName 设置为正确的值。

我所做的:我尝试了以下代码:

getUserInput.call(clientData,"My","Name",clientData.setUserName)

我认为通过这样做，getUserInput()函数内的this值将被设置为我的对象clientData，它做过。此外，我认为 getUserInput(){} 内的所有代码都可以访问此修改后的 this 值。因此，沿着这个思考过程，我认为由 callback() 访问的 this 值也将是 clientData。不幸的是，callback() 中的代码仍在访问 window 的 this 值。我不懂为什么。

我的解决方法是将 setUserName 绑定(bind)到 clientData。有没有另一种方法可以在不修改 clientData 或 getUserInput() 的情况下实现我的目标？

var clientData = {
    fullName: "Not Set",
    setUserName: function (firstName, lastName) {
      this.fullName = firstName + " " + lastName;
    }
};

function getUserInput(firstName, lastName, callback) {
    callback(firstName, lastName);

    }

getUserInput("My", "Name", clientData.setUserName.bind(clientData));
    console.log (clientData.fullName);
    console.log (window.fullName);

Answer 1

您的代码实际上并未绑定(bind) getUserInput。 Function.prototype.bind() 返回一个带有绑定(bind) this 值的新函数，并将其作为回调参数传递。