标签：读书笔记 编程实践 javascript 重构
本系列作为Effective JavaScript的读书笔记。
不要被高阶函数这个名字给唬住了。实际上，高阶函数只是代表了两类函数：
有了这个定义，你也许就发现你已经使用过它们了，典型的就是对于一些事件的处理时传入的回调函数。
另外的一个典型使用场景就是Array类型的sort函数，它可以接受一个function作为排序时比较的判断依据：
[3, 1, 4, 1, 5, 9].sort(function(x, y) {
if (x < y) {
return -1;
}
if (x > y) {
return 1;
}
return 0;
}); // [1, 1, 3, 4, 5, 9]
使用高阶函数能够代码更加清晰和整洁。在对于集合类型的数据进行操作时，可以考虑使用它们，比如可以将下面的for循环转换一下：
var names = ["Fred", "Wilma", "Pebbles"];
var upper = [];
for (var i = 0, n = names.length; i < n; i++) {
upper[i] = names[i].toUpperCase();
}
upper; // ["FRED", "WILMA", "PEBBLES"]
使用ES5中引入的map函数：
var names = ["Fred", "Wilma", "Pebbles"];
var upper = names.map(function(name) {
return name.toUpperCase();
});
upper; // ["FRED", "WILMA", "PEBBLES"] 当然，在非ES5兼容的浏览器中，如果也想使用map等高阶函数，可以使用underscore或者lodash。它们提供了非常多的对于Array，Object的操作。
当代码中出现了很多重复的片段时，就可以考虑利用高阶函数来对它们进行重构了。比如下面的代码中，出现了三段类似的代码，第一段用来生成字母表，第二段用来生成数字表，最后一段用来生成长度固定的随机字符串：
var aIndex = "a".charCodeAt(0); // 97
var alphabet = "";
for (var i = 0; i < 26; i++) {
alphabet += String.fromCharCode(aIndex + i);
}
alphabet; // "abcdefghijklmnopqrstuvwxyz"
var digits = "";
for (var i = 0; i < 10; i++) {
digits += i;
}
digits; // "0123456789"
var random = "";
for (var i = 0; i < 8; i++) {
random += String.fromCharCode(Math.floor(Math.random() * 26)
+ aIndex);
}
random; // "bdwvfrtp" (different result each time)
可以将上面的三种情形中的不同部分封装到一个callback中，然后使用一个高阶函数来处理，高阶函数将三种情形中的公共部分抽取出来：
function buildString(n, callback) {
var result = "";
for (var i = 0; i < n; i++) {
result += callback(i);
}
return result;
}
那么以上的三种情形就可以这样实现：
var alphabet = buildString(26, function(i) {
return String.fromCharCode(aIndex + i);
});
alphabet; // "abcdefghijklmnopqrstuvwxyz"
var digits = buildString(10, function(i) { return i; });
digits; // "0123456789"
var random = buildString(8, function() {
return String.fromCharCode(Math.floor(Math.random() * 26) + aIndex);
});
random; // "ltvisfjr" (different result each time)
很显然，这种实现方式可以覆盖更多的可能性，因为变动的部分使用callback进行表示。同时，这种方式也符合编码的最佳实践，当循环部分需要变化的时候，你只需要修改一个地方就好了。
总结：
Effective JavaScript Item 19 使用高阶函数 (High-Order Function)
标签：读书笔记 编程实践 javascript 重构
原文地址：http://blog.csdn.net/dm_vincent/article/details/39288847
