javascript - `this` 内部格式化函数

Question

这个问题已经有答案了:

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

已关闭 3 年前。

有没有办法使用 this格式化函数内的运算符？我的意思是 this ，对使用格式化程序的组件的引用。例如，我得到了这个代码:

metadata: {
  properties: {
    // ...
    showId : { type : "boolean", defaultValue : true },
    // ...
  }
}

//Some view stuff ...

columns: [
  new sap.ui.table.Column({
    label: "Beschreibung ( ID )",
    filterProperty: "SHORT_TEXT",
    template: new sap.m.Text().bindProperty("text", {
      parts: [/*...*/],
      formatter: function(text, id) {
        if (text != null && id != null) {
          if(this.getProperty("showId)){
            return text + " ( " + id + " )";
          } else {
            return text;
          }
        }
        return "";
      }
    }),
  })
]

当我想访问该属性时showId与 this.getProperty("showId)我收到一个异常，该函数对于 this 不存在。我知道如何绑定(bind)this到一个事件函数，但是当像这样调用该函数时，我不知道如何处理这个;)

Answer 1

只需使用以下语法将 this 绑定(bind)到函数:

formatter : function(text, id) {
    if (text != null && id != null) {
        if(this.getProperty("showId)){
            return text + " ( " + id + " )";
        }else{
            return text;
        }
    }
    return "";
}.bind(this)