Dojo 扩展 javascript 核心库 - dojo.hitch

àì夳堔傛蜴生んèń 2022-08-26 08:43 157阅读 0赞

原文：[http://blog.csdn.net/zsp\_1111/article/details/7471050][http_blog.csdn.net_zsp_1111_article_details_7471050]

dojo.hitch 是在 Dojo 中直接或间接被广泛使用的函数.

hitch 的中文意思是: 钩住,拴住. 在 Dojo 中, dojo.hitch() 的作用是给一个方法绑定其执行上下文.

在 Dojo 中, dojo.hitch 函数非常重要. 原因有两点:

1. Javascript 中, 函数不与定义它们的上下文即作用域绑定

2. 在 Dojo 中, 很多函数都用 hitch 的参数传递方式: 第一个参数是上下文对象, 第二个参数是一个函数

例 (函数不与定义它们的上下文即作用域绑定) :

**\[javascript\]**  [view plain][] [copy][view plain]

1.  <span style="font-family:Verdana;">**var** Student = \{  
2.      college: "MIT",  
3.      getCollege: **function**() \{  
4.          **return** **this**.college;  
5.      \}  
6.  \}  
7.    
8.  **function** printCollege(foo) \{  
9.      alert("College: " + foo());  
10. \}  
11.   
12. printCollege(Student.getCollege); // "College: undefined", 即 this 的值为 GLOBAL</span>

正确的方法:

**\[javascript\]**  [view plain][] [copy][view plain]

1.  <span style="font-family:Verdana;">printCollege(**function**() \{  
2.      **return** Student.getCollege();  
3.  \}); // "College: MIT", this 的值被显示的指定为 Student</span>

函数上下文中 this 的确定规则如下:  
函数上下文中this的值是函数调用者提供并且由当前调用表达式的形式而定的。 如果在调用括号()的左边，有引用类型的值，  
那么this的值就会设置为该引用类型值的base对象。 所有其他情况下（非引用类型），this的值总是null。然而，由于null对

于this来说没有任何意义，因此会隐式转换为全局对象。

用 dojo.hitch 再次改写上面的正确方法(有两种方式, 如下), 代码看上去简洁清晰了一些:

**\[javascript\]**  [view plain][] [copy][view plain]

1.  <span style="font-family:Verdana;">printCollege(dojo.hitch(Student, Student.getCollege));  
2.  // hitch 返回 function() \{return Student.getCollege.apply(Student, arguments);\}  
3.  printCollege(dojo.hitch(Student, "getCollege"));  
4.  // hitch 返回 function() \{return getCollege.apply(Student, arguments);\}</span>

当 dojo.hitch 的第一个参数省略的时候, 相当于把第一个参数设置为 null , 这时 this 的值指的是 global 全局上下文.

当 dojo.hitch 有3个及以上参数的时候, 第三个开始往后的参数被用做 dojo.hitch 返回的匿名函数的参数传入

**\[javascript\]**  [view plain][] [copy][view plain]

1.  <span style="font-family:Verdana;">**function** printsth(x, y, z) \{  
2.      alert(x + y + z);  
3.  \}  
4.    
5.  **var** printArg = dojo.hitch(**null**, "printsth", "我是参数1", "我是参数2");  
6.  // 返回 function() \{return printsth.apply(  
7.  //                  null, \["我是参数1", "我是参数2"\].concat(arguments))\}  
8.    
9.  printArg("这里的参数");  
10. //相当于: printsth("我是参数1", "我是参数2", "这里的参数");</span>

如果 dojo.hitch 的第一个参数 上下文 指定为 null, dojo 还提供了另外一个函数:

**\[javascript\]**  [view plain][] [copy][view plain]

1.  <span style="font-family:Verdana;">dojo.hitch(**null**, handler, args)  
2.  dojo.partial(handler, args)  
3.  //这两者是等价的</span>

为函数绑定上下文并返回函数是函数式编程的基础.

[http_blog.csdn.net_zsp_1111_article_details_7471050]: http://blog.csdn.net/zsp_1111/article/details/7471050
[view plain]: http://blog.csdn.net/zsp_1111/article/details/7471050#

发表评论取消回复

表情：

评论列表（有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript扩展运算符 ...

**es6中引入扩展运算符（...），它用于把一个数组转化为用逗号分隔的参数序列，它常用在不定参数个数时的函数调用，数组合并** *** 用法如下：*** > **...

ゝ一纸荒年。/ 2024年04月18日 08:52/ 0 赞/ 34 阅读

相关 Dojo 扩展 javascript 核心库 - dojo.hitch

原文：[http://blog.csdn.net/zsp\_1111/article/details/7471050][http_blog.csdn.net_zsp_1111_

àì夳堔傛蜴生んèń/ 2022年08月26日 08:43/ 0 赞/ 157 阅读

相关 Lua bit库扩展

LuaJIT中添加了bit库的扩展，[bit库][bit]。一共有12个方法的扩展，依次是 1. bit.tobit 转成位格式 2. bit.tohex 转出16进制格

小灰灰/ 2022年05月09日 01:22/ 0 赞/ 598 阅读

相关部分Dojo常用函数简介（一）——Javascript基础扩展函数

每个Ajax 框架都对Javascript 做了扩展，提供了很多常用函数，增强了 Javascript 的开发效率。在这里将对部分Dojo 中的常用函数做简单的介绍。由于Doj

本是古典何须时尚/ 2022年04月22日 12:12/ 0 赞/ 203 阅读

相关 Javascript图表库: Dojo Charting

[![image][]][image 1] Dojo Charting是在Dojox目录下的一个图表工程，提供了众多的图表类型、定制选项以及各种主题。作为Dojo最强大的功能

谁借莪１个温暖的怀抱￠/ 2022年04月22日 12:10/ 0 赞/ 204 阅读

相关 Dojo 1.6 图表库新特性介绍

在刚发布的Dojo1.6中，Dojo Charting库在进一步提高稳定性之外，又增加了不少新特性，让我们来瞧瞧吧！ 1. 网状图（Spider Chart）网状图是

一时失言乱红尘/ 2022年04月17日 00:07/ 0 赞/ 220 阅读

相关 PHP扩展库详解

PHP扩展库详解 Posted in 2011 年 11 月 16 日 ¬ 10:05h. liuzhenyu [没有评论 »][Link 1] 安装PHP扩展很简单，

喜欢ヅ旅行/ 2022年02月19日 04:49/ 0 赞/ 242 阅读

相关 Spring核心——IOC处理器扩展

非侵入式框架 Spring一直标注自己是一个非侵入式框架。非侵入式设计的概念并不新鲜，目标就是降低使用者和框架代码的耦合，毕竟框架的开发者和使用者几乎肯定不是同一个团队。

傷城~/ 2021年12月11日 16:17/ 0 赞/ 214 阅读

相关 Android核心库

什么是Android核心库 Android核心库包括哪几部分，有哪些功能？ Android系统API如何实现？ ApiCheck机制的原理如何使

骑猪看日落/ 2021年06月26日 16:06/ 0 赞/ 424 阅读

相关 jstl核心库

使用前需导入标签库： <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 1.表达式控制标签...

红太狼/ 2021年05月03日 17:13/ 0 赞/ 422 阅读