Question

我是非常有经验的编程，但对TypeScript来说还是一个新手。

尝试将它与jQuery一起使用并立即遇到回调的'this'问题（例如$（document）.ready。

使用$ .proxy（）是一种方法，但使用TypeScript的arrow（lambda）函数似乎要好得多。但我只看到它们用作表达式 - 即整个函数是内联定义的。我希望能够设置可以作为我的类的方法调用的箭头函数，类似于（在伪代码中）：

class Something {
    constructor() {
    $(' nav li').click(this.menuClick);
    }
 private menuClick (and this would be an arrow function to preserve 'this')()=>    
  // it would call this.anotherMethod()
  // plus lots of other things so it won't easily fit inline

 private anotherMethod():void {
        // do something on the menu click, several lines perhaps, 
  }

}

我来自AS3的OOP背景，这就是我能够做到的 - “这个”很容易获得，或者很清楚如何访问它。我渴望使用TypeScript来克服我在Javascript中遇到的OOP障碍 - 但是对我来说，代理所有jQuery调用似乎很麻烦（我知道有些类可以用来代替我，但有一种更简单的方法，有箭头/ lambda函数吗？）。

如果我没有意识到这一点，请耐心等待，但这对我来说并不明显！

Answer 1

默认情况下无法执行此操作的原因是，如果自动完成，则每个实例的内存消耗会产生巨大的运行时成本。而不是让一个基本原型对象包含其中的所有函数，并且每个类实例指向该原型的函数定义，最终为每个类的实例提供每个函数的闭包。

将来可能会有更好的类型系统支持，但是现在，处理this绑定问题只是在编写任何风格的JavaScript时必须支付的税。希望像TypeScript这样的东西获得动力，图书馆作者将减少他们对this的使用 - 踩踏（虽然DOM永远不会有那么奢侈）。

好处是，在TypeScript中，当您需要重新绑定this时，代码量不会太多：

$(' nav li').click(() => this.menuClick());

或

$(' nav li').click(this.menuClick.bind(this));

Answer 2

答案简短：

如果你改变：$（'nav li'）。点击（this.menuClick）;

into：$（'nav li'）。点击（（）=＆gt; this.menuClick （））;

然后“this”将是'menuClick'方法中的“Something”类。

在TypeScript中使用箭头函数：如何使它们成为类方法？

2 个答案: