javascript - javascript のコールバック関数でオブジェクトを参照する

Question

私の指示は次のとおりです。

map.canvas.addEventListener("mousemove", mapOnMouseMove, false);

function mapOnMouseMove (e) {
   // here : this refers to the canvas of the map object
   // i want to refer to the map (is there a way ?)
}

Answer 1

this次のように参照するmapようにトリックできます。

map.canvas.addEventListener("mousemove", canvasOnMouseMove, false);

function canvasOnMouseMove (e) {
   mapOnMouseMove.call(map, e);
}

function mapOnMouseMove (e) {
   // here : this refers to the map object
}

Answer 2

bindバインドされた関数を作成するために使用できます（の値thisはmapオブジェクトです）：

map.canvas.addEventListener("mousemove", mapOnMouseMove.bind(map), false);

ただしbind、ES5 メソッドであるため、古いブラウザーではサポートされていないことに注意してください。上記にリンクされている MDN の記事は、おそらく同様に使用したいと思うポリフィルを提供します。