dojoのヒッチを理解する

Question

私はdojoのツールキットのヒッチの機能を理解するのに苦労しています。私は、次のされ、https://dojotoolkit.org/reference-guide/1.10/dojo/_base/lang.htmlでこの例で探しています：

require(["dojo/_base/lang"], function(lang){ 
var myObj = { 
    foo: "bar", 
    method: function(someArg){ 
     console.log(this.foo); 
    } 
    }; 

    var func = lang.hitch(myObj, "method"); 

    func(); 
}); 

は、代わりにmyObj.method（引数）によってその機能を利用することはできませんか？ありがとうございます

Answer 1

代わりにmyObj.method(arg)でその機能を利用することはできませんか？

はい、それはその特定のケースではあるが、それは他のコードへの関数の参照を渡す必要があるためにかなり一般的だし、関数の参照は、それらの中に焼いたいかなる特定のthisを運ぶ（デフォルトでは）しないでください。 thisは、関数の呼び出し方法によって設定されます。

例えば、myObj.methodをイベントハンドラとして使用すると、呼び出されたときにthisはオブジェクトmyObjを参照しません。

hitchは、呼び出されたときにthisが正しく設定された新しい関数を作成することによって修正されている点を修正しました。

ちょっとの日付がついたES5（2009年）は、同じことを行うFunction#bindを紹介しました。しかし、Dojo Toolkitは当初、2005年に作成されたので、このようなユーティリティが含まれていました。ここでは、同じコードではなくFunction#bindを使用します：

var obj = { 
 
    foo: "bar", 
 
    method: function() { 
 
    console.log("this.foo = " + this.foo); 
 
    } 
 
}; 
 
document.getElementById("unbound").addEventListener("click", obj.method, false); 
 
document.getElementById("bound").addEventListener("click", obj.method.bind(obj), false);

<input type="button" id="unbound" value="Unbound"> 
 
<input type="button" id="bound" value="Bound">