深入理解深入理解JavaScript系列（系列（49）：）：Function模式（上篇）模式（上篇）
介绍介绍
本篇主要是介绍Function方面使用的一些技巧（上篇），利用Function特性可以编写出很多非常有意思的代码，本篇主要包
括：回调模式、配置对象、返回函数、分布程序、柯里化（Currying）。
回调函数回调函数
在JavaScript中，当一个函数A作为另外一个函数B的其中一个参数时，则函数A称为回调函数，即A可以在函数B的周期内执
行（开始、中间、结束时均可）。
举例来说，有一个函数用于生成node
代码如下:
var complexComputation = function () { /* 内部处理，并返回一个node*/};
有一个findNodes函数声明用于查找所有的节点，然后通过callback回调进行执行代码。
代码如下:
var findNodes = function (callback) {
var nodes = [];
var node = complexComputation();
// 如果回调函数可用，则执行它
if (typeof callback === “function”) {
callback(node);
}
nodes.push(node);
return nodes;
};
关于callback的定义，我们可以事先定义好来用：
代码如下:
// 定义callback
var hide = function (node) {
node.style.display = “none”;
};
// 查找node，然后隐藏所有的node
var hiddenNodes = findNodes(hide);
也可以直接在调用的时候使用匿名定义，如下：
代码如下:
// 使用匿名函数定义callback
var blockNodes = findNodes(function (node) {
node.style.display = ‘block’;
});
我们平时用的最多的，估计就数jQuery的ajax方法的调用了，通过在done/faild上定义callback，以便在ajax调用成功或者失败
的时候做进一步处理，代码如下(本代码基于jquery1.8版)：
代码如下:
var menuId = $(“ul.nav”).first().attr(“id”);
var request = $.ajax({
url: “script.php”,
type: “POST”,
data: {id : menuId},
dataType: “html”
});
//调用成功时的回调处理
request.done(function(msg) {
$(“#log”).html( msg );
});
//调用失败时的回调处理
request.fail(function(jqXHR, textStatus) {
alert( “Request failed: ” + textStatus );
});
配置对象配置对象
下载后可阅读完整内容，剩余3页未读，立即下载
weixin_38657353
- 粉丝: 5
- 资源: 929
我的内容管理
展开
最新资源
- 深入理解23种设计模式
- 制作与调试：声控开关电路详解
- 腾讯2008年软件开发笔试题解析
- WebService开发指南：从入门到精通
- 栈数据结构实现的密码设置算法
- 提升逻辑与英语能力：揭秘IBM笔试核心词汇及题型
- SOPC技术探索：理论与实践
- 计算图中节点介数中心性的函数
- 电子元器件详解：电阻、电容、电感与传感器
- MIT经典：统计自然语言处理基础
- CMD命令大全详解与实用指南
- 数据结构复习重点：逻辑结构与存储结构
- ACM算法必读书籍推荐：权威指南与实战解析
- Ubuntu命令行与终端：从Shell到rxvt-unicode
- 深入理解VC_MFC编程：窗口、类、消息处理与绘图
- AT89S52单片机实现的温湿度智能检测与控制系统
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
