javascript - 将 "this"上下文传递给 SAPUI5 上的 JavaScript 函数

Question

这个问题已经有答案了:

How to access the correct `this` inside a callback (15 个回答)

已关闭 2 年前。

我有 ODataModel 对象的以下功能:

serviceModel.read("/Users(1)", {
  success: function(userModel) {
    this.getView().setModel(userModel, "userAuthenticated");
  }
});

调用 this.getView() 时出现错误功能。 this也不被识别并且具有空值。我选择使用这个不太优雅的解决方案:

var viewCurrent = this.getView();
serviceModel.read("/Users(1)", {
  success: function(userModel) {
    viewCurrent.setModel(userModel, "userAuthenticated");
  }
});

无论如何，我想知道如何将“this”上下文作为参数传递的正确方法。

Answer 1

如果您read the documentation您会发现上下文与函数上下文不相关。

要正确设置上下文，您有几个选项。第一个是使用 arrow function它将 this 绑定(bind)到当前范围 this 值。

serviceModel.read(
  "/Users(1)", {
    success: (userModel) => {
      this.getView().setModel(userModel, "userAuthenticated");
    },

...

如果您运行的环境不支持箭头函数，您可以随时使用 bind它允许您在函数内部指定 this 的值。

serviceModel.read(
  "/Users(1)", {
    success: function(userModel) {
      this.getView().setModel(userModel, "userAuthenticated");
    }.bind(this),

...