DOJO官方API翻译或解读-dojo/_base/lang --hitch()

Dear 丶 2022-04-18 06:10 150阅读 0赞

### hitch() ###

hitch() 是一个函数，会在给定的上下中执行给定一个执行函数。hitch允许你去控制一个函数如何执行，往往在异步操作中起作用。

我们常常会写出这样的代码：（博主：这个代码意图在"click"事件触发时，执行此时定义的"processEvent"。）

![复制代码][copycode.gif]

1 require(["dojo/on"], function(on){
    2     var processEvent = function(e){
    3         this.something = "else";
    4     };
    5     on(something, "click", processEvent);
    6 });

![复制代码][copycode.gif]

它错误的原因是关于一个无法解析的变量。原因是，像上文这种异步回调函数的应用场景，当代码正在执行时，上下文会发生变化。执行上下文环境已经不再是最初提供的对象，而指向了外部对象（on的回调函数），为了解决这个问题，你可以使用hitch()去强制processEvent在此时“this”指向的上下文来执行。如下：

![复制代码][copycode.gif]

1 require(["dojo/on", "dojo/_base/lang"], function(on, lang){
    2 
    3   var processEvent = function(e){
    4     this.something = "else";
    5   };
    6 
    7   on(something, "click", lang.hitch(this, processEvent));
    8 
    9 });

![复制代码][copycode.gif]

（博主，这种因执行上下文发生变化而导致的问题，可以用hitch()解决，**用到this的时候，要注意分析是否会因为执行上下文变化，而出现错误了**。）

例子：

一个简单的例子：

![复制代码][copycode.gif]

1 require(["dojo/_base/lang"], function(lang){
     2   var myObj = {
     3     foo: "bar"
     4   };
     5 
     6   var func = lang.hitch(myObj, function(){
     7     console.log(this.foo);
     8   });
     9 
    10   func();
    11 });

![复制代码][copycode.gif]

上面的得吗，bar 会被成功打印。所以在执行函数console.log(this.foo)时，this指向的是 myobj。

**当调用函数，是给定执行上下文的方法时**，可以用方法命传参的方式，如下：

![复制代码][copycode.gif]

1 require(["dojo/_base/lang"], function(lang){
     2   var myObj = {
     3     foo: "bar",
     4     method: function(someArg){
     5       console.log(this.foo);
     6     }
     7   };
     8 
     9   var func = lang.hitch(myObj, "method");
    10 
    11   func();
    12 });

![复制代码][copycode.gif]

同时，**函数执行若需要参数**，如下：

![复制代码][copycode.gif]

1 require(["dojo/_base/lang"], function(lang){
     2   var myObj = {
     3     foo: "bar",
     4     method: function(someArg){
     5       console.log(someArg + " " + this.foo);
     6     }
     7   };
     8 
     9   var func = lang.hitch(myObj, "method", "baz");
    10 
    11   func();
    12 });

![复制代码][copycode.gif]

上述代码会打印： baz bar

[copycode.gif]: /images/20220418/93b9cb75d6ab4549a1ff2ac30bc1f5ea.png