Typescript - 带参数的箭头函数

Question

我是 Typescript 的新手，并试图将它引入我的一些东西，但我在使用某些范围和箭头函数时遇到困难。

在 javascript 中，我的代码看起来像这样......

var model = params.model;

model.Prototypes.bind('change', function(e){
   // some code to execute when the event occurs
   model.set([some values]); // this performs an operation to the actual top level model
});

好吧，这有两个问题。当我在 Typescript 中执行此操作时，我会这样做...

class ClassName {
   model: any;

   subscribe() {
      this.model.Prototypes.bind("change", function(e){
         // FIRST PROBLEM
         this.model ....
      });
   }
}

好的，所以这一直有效到标记的部分。 this.model 不再是我认为的引用，因为它在函数的上下文中，而不是“类”。所以我做了一些挖掘，了解到我应该使用 arrow function，因为这将保留上下文。

问题是，我无法想象如何执行箭头函数并仍然传递我需要的参数，例如绑定(bind)事件的 change 值，或 function(e ) 部分。我只看到过完全不需要任何参数的示例。

Answer 1

箭头/lambda 语法如下所示:

class ClassName {
   model: any;

   subscribe() {
      this.model.Prototypes.bind("change", e => {
         // FIRST PROBLEM
         this.model ....
      });
   }
}

如果您有多个参数，请使用以下格式:

(p1, p2, p3) => { ... }

希望对您有所帮助，