JS编程建议——74:使用高阶函数

  1. 云栖社区>
  2. 博客>
  3. 正文

JS编程建议——74:使用高阶函数

zhanginzaghi 2017-12-18 09:32:44 浏览705
展开阅读全文

建议74:使用高阶函数
高阶函数作为函数式编程众多风格中的一项显著特征,经常被使用。实际上,高阶函数即对函数的进一步抽象。高阶函数至少满足下列条件之一:
接受函数作为输入。
输出一个函数。
在函数式语言中,函数不但是一种特殊的对象,还是一种类型,因此函数本身是一个可以传来传去的值。也就是说,某个函数在刚开始执行的时候,总可以送入一个函数的参数。传入的参数本身就是一个函数。当然,这个输入的函数相当于某个函数的另外一个函数。当函数执行完毕之后,又可以返回另外一个新的函数,这个返回函数取决于return fn(){...}。上述过程出现3个不同的函数,分别有不同的角色。要达到这样的应用目的,需要把函数作为一个值来看待。
JavaScript不但是一门灵活的语言,而且是一门精巧的函数式语言。下面看一个函数作为参数的示例。
document.write([2,3,1,4].sort()); //"1,2,3,4"
这是最简单的数组排序语句。实际上Array.prototype.sort()还能够支持一个可选的参数“比较函数”,其形式如sort(fn)。fn是一个函数类型的值,说明这里应用到高阶函数。再如,下面这个对日期类型排序的sort()。
// 声明3个对象,每个对象都有属性id和date
var a = new Object();
var b = new Object();
var c = new Object();
a.id = 1;
b.id = 2;
c.id = 3;
a.date = new Date(2012,3,12);
b.date = new Date(2012,1,15);
c.date = new Date(2012,2,10);
// 存放在arr数组中
var arr = [a, b, c];
//开始调试,留意id的排列是按1、2、3这样的顺序的
arr.sort(
function (x,y) {

return x.date-y.date; 

}
);
//已经对arr排序了,发现元素顺序发生变化,id也发生变化。排序是按照日期进行的
在数组排序的时候就会执行“function (x,y) {return x.date-y.date; }”这个传入的函数。当没有传入任何排序参数时,默认当x大于y时返回1,当x等于y时返回0,当x小于y时返回–1。
除了了解函数作为参数使用外,下面再看看函数返回值作为函数的情况。定义一个wrap函数,该函数的主要用途是产生一个包裹函数。
function wrap(tag) {

var stag = '<' + tag + '>';
var etag = '</' + tag.replace(/s.*/, '') + '>';
return function(x) {
    return stag + x + etag;
}

}
var B = wrap('B');
document.write(B('粗体字'));
document.write('
');
document.write(wrap('B')('粗体字'));
“var B = wrap('B');”这一语句已经决定了这是一个“加粗体”的特别函数,执行该B()函数就会产生 …内容…的效果。若是wrap('div'),就会产生

…内容…
的效果,若是wrap('li'),就会产生…内容……的效果,依此类推。wrap('B')返回到变量B的是一个函数。若不使用变量,wrap('B')也是合法的JavaScript语句,只要最后一个括号()前面的是函数类型的值即可。为什么stag + x + etag中的stag/etag没有输入也会在wrap()内部定义?因为warp作用域中就有stag、etag两个变量。如果从理论上描述这一特性,应该属于闭包方面的内容。
实际上,map()函数即为一种高阶函数,在很多的函数式编程语言中均有此函数。map(array, func)的表达式已经表明,将func函数作用于array中的每一个元素,最终返回一个新的array。应该注意的是,map对array和func的实现是没有任何预先的假设的,因此称为“高阶”函数。
function map(array, func) {
var res = [];
for(var i = 0, len = array.length; i < len; i++) {
    res.push(func(array[i]));
}
return res;

}
var mapped = map([1, 3, 5, 7, 8], function(n) {

return n = n + 1;

});
print(mapped); //2,4,6,8,9
var mapped2 = map(["one", "two", "three", "four"], function(item) {

return "(" + item + ")";

});
print(mapped2);(one), //(two),(three),(four),为数组中的每个字符串加上括号
mapped和mapped2均调用了map,但得到了截然不同的结果。因为map的参数本身已经进行了一次抽象,map函数做的是第二次抽象,所以高阶的“阶”可以理解为抽象的层次。

网友评论

登录后评论
0/500
评论
zhanginzaghi
+ 关注