オブジェクトメソッドをhtml要素リスナーにリンクする

Question

HTML要素のEventListenerにオブジェクトメソッドを追加しようとしています。しかし、私がそうすると、this変数はオブジェクトではなく要素そのものになります。ここで

class Foo { 
    constructor(element, data) { 
    this.data = data; 
    this.input = element; 
    this.input.oninput = this.update; 
    } 

    update() { 
    this.data; // The context has changed to the element 
    } 
} 

は私の回避策です：これは、これをフォーマットする最もエレガントな方法ではないよう

class Foo { 
    constructor(element, data) { 
    this.data = data; 
    this.input = element; 
    this.input.Foo = this; 
    this.input.oninput = this.update; 
    } 

    update() { 
    this.Foo.data; 
    } 
} 

しかし、私は感じています。オブジェクトのメソッドがそれが離れていたオブジェクトを覚えているように、それをどのようにプログラムするのですか？

Answer 1

Function.prototype.bind()助けてください - 引数をとり、それをthis値として使用します。

var foo = new Foo(); 
var boundUpdate = foo.update.bind(foo); 
boundUpdate();