在这篇文章里,我们讨论函数式编程。

  什么是函数式编程?根据百度百科的描述,“函数式编程是种编程典范,它将电脑运算视为函数的计算。函数编程语言最重要的基础是 λ 演算(lambda calculus)。而且λ演算的函数可以接受函数当作输入(参数)和输出(返回值)。和指令式编程相比,函数式编程强调函数的计算比指令的执行重要。和过程化编程相比,函数式编程里,函数的计算可随时调用。”

  可以看出,在函数式编程中,函数被看做是“一等公民”。JavaScript可以通过巧妙地函数组合来构建抽象,通过内嵌函数的方式,在软件开发的过程中,我们可以把更多的精力放在“函数要做什么”上,而不用太关心“函数如何做”的问题。

  高阶函数

  可以操作其他函数的函数,被称为高阶函数。例如我们想对数组的每一个元素做某种操作,那么我们需要遍历整理数组,当操作发生改变时,我们还要重复编写遍历代码,利用高阶函数,可以简化这个过程。示例如下:

 function forEach(array,func){
for(var i = 0; i < array.length; i++){
func(array[i]);
}
} var a = ["a","b","c"];
forEach(a,function(obj){print(obj);}); forEach(a,function(obj){print(obj + 1);}); //输出结果
a
b
c
a1
b1
c1

  forEach函数包含两个参数,第一个参数是一个数组,第二个参数是一个函数,在forEach函数体内,会遍历数组的每一个元素,然后针对每一个元素调用func函数。

  在调用forEach函数时,我们针对第二个参数,使用了匿名函数,它接受一个参数,这个参数其实就是数组中的元素。

  从这个示例中,我们可以看到通过这种方式,可以明显简化对数组的操作。

  修改函数

  我们可以通过高阶函数很方便的修改已有函数的功能,示例如下:

 function reverse(func){
return function(value){
return !func(value);
}
} print(isNaN(NaN));
var isNotNaN = reverse(isNaN);
print(isNotNaN(NaN)); //输出结果
true
false

  reverse的作用是逆转传入函数的操作,在示例中,isNaN函数返回传入参数是否是NaN。

  规约函数

  Reduce函数通过重复调用一个函数,将数组转换为单一的值。规约函数结构如下:

 function reduce(combine,base,array){
forEach(array, function(value){
base=combine(base,value);
});
return base;
}

  Reduce函数中参数的顺序是一个传统,我们可以将第一个参数作为匿名函数的方式传入。

  下面是两个使用Reduce函数的示例,分别计算数组元素的和以及数组中0的个数:

 function countZeros(count,value){
return value == 0 ?(count+1) : count;
} function add(sum,value){
return value+sum;
} var a=[1,2,3,4,0];
print(reduce(add,0,a));
print(reduce(countZeros,0,a)); //输出结果
10
1

  映射函数

  Map函数会遍历数组,针对数组的每个元素,调用指定的操作,然后将操作得出的值存储到另外一个数组中,并返回新数组。

  Map函数的结构如下:

 function map(func,array){
var result=[];
forEach(array, function(value){
result.push(func(value));
});
return result;
}

  我们可以如下调用map方法:

 var a=[1,2,3,4,0];

 print(map(function(value){
return value*value;
}, a)); //输出结果
1,4,9,16,0

  这个示例将数组中的每个元素进行平方操作,然后输出。

  其他一些函数技巧

  操作符函数

  在JavaScript学习(1):基础中,我们使用内嵌函数实现了四则运算,接下来我们试着另外一种实现方式:

 var a=[1,2,3,4,0];
var ops={"+":function(x,y){return x+y;},
"-":function(x,y){return x-y;},
"*":function(x,y){return x*y;},
"/":function(x,y){return x/y;},
}; function operation(op, array){
if (op in ops){
return reduce(ops[op],0,array);
}
else{
throw new Error("invalid operation.");
}
}
print(operation("+", a));
print(operation("^", a)); //输出结果
10

  对象中,属性的值不仅仅可以是集合属性,也可以是函数。上述示例使用这种方式对四则运算进行了封装。然后调用reduce方法去计算数组元素的和。

  分布应用

  如果我们需要一个函数,但其中一个操作符的参数已经给定了,那应该如何处理?例如我们想对数组中的每个元素都做加1操作,使用map的方式实现:

 print(map(function(value){
return value + 1;
},a));

  在这里,1是放在匿名函数中。我们还可以这样做,使用分布应用的方式在外函数和内嵌函数中分别保存部分参数。

  分布应用的结构如下:

 function partial(func){
var knowArgs=arguments;
return function(){
var realArgs=[];
for(var i = 1; i < knowArgs.length; i++){
realArgs.push(knowArgs[i]);
}
for(var i = 0; i < arguments.length; i++){
realArgs.push(arguments[i]);
}
return func.apply(null, realArgs);
}
}

  如果想要实现上面同样的功能,代码如下:

 print(map(partial(ops["+"], 1), a));

  需要注意的是partial函数中在内嵌函数中如何将外函数和内嵌函数的参数进行整合,构成完整的参数列表。

  以a=[1,2,3,4,0]为例,map函数会遍历数组中的每一个元素,当遍历到2时,参数的变化过程:

  1. 外函数参数:1) ops["+"]; 2) 1。

  2. 内嵌函数参数: 2

  3. 完整参数:1,2

  4. func.apply(null, realArgs): ops["+"](1,2)

  函数组合

  函数组合的含义是在调用函数A的过程中,它使用函数B来计算返回结果。

  就像这样:

 function compose(f1,f2){
return function(){
return f1(f2.apply(null,realArgs));
}
}

  上面示例中的isNotNaN也是这种情况。

JavaScript学习(3):函数式编程的更多相关文章

  1. 给 JavaScript 开发者讲讲函数式编程

    本文译自:Functional Programming for JavaScript People 和大多数人一样,我在几个月前听到了很多关于函数式编程的东西,不过并没有更深入的了解.于我而言,可能只 ...

  2. JavaScript系列:函数式编程(开篇)

    前言: 上一篇介绍了 函数回调,高阶函数以及函数柯里化等高级函数应用,同时,因为正在学习JavaScript·函数式编程,想整理一下函数式编程中,对于我们日常比较有用的部分. 为什么函数式编程很重要? ...

  3. [学习] 从 函数式编程 到 lambda演算 到 函数的本质 到 组合子逻辑

    函数式编程 阮一峰 <函数式编程初探>,阮一峰是<黑客与画家>的译者. wiki <函数编程语言> 一本好书,<计算机程序的构造与解释>有讲到schem ...

  4. 大数据技术之_16_Scala学习_04_函数式编程-基础+面向对象编程-基础

    第五章 函数式编程-基础5.1 函数式编程内容说明5.1.1 函数式编程内容5.1.2 函数式编程授课顺序5.2 函数式编程介绍5.2.1 几个概念的说明5.2.2 方法.函数.函数式编程和面向对象编 ...

  5. javascript - Underscore 与 函数式编程

    <Javascript函数式编程 PDF> # csdn下载地址http://download.csdn.net/detail/tssxm/9713727 Underscore # git ...

  6. 通过代数,数字,欧几里得平面和分形讨论JavaScript中的函数式编程

    本文是对函数式编程范式的系列文章从而拉开了与以下延续一个. 介绍 在JavaScript中,函数只是对象.因此,可以构造函数,作为参数传递,从函数返回或分配给变量.因此,JavaScript具有一流的 ...

  7. [置顶] Ruby,Scala和JavaScript中的函数式编程(一)

    函数式编程(英语:Functional programming)或者函数程序设计,又称泛函编程,是一种编程范型,它将电脑运算视为数学上的函数计算,并且避免使用程序状态以及易变对象.函数编程语言最重要的 ...

  8. Scala学习笔记--函数式编程

    一.定义 简单说,"函数式编程"是一种"编程范式"(programming paradigm),也就是如何编写程序的方法论. 它属于"结构化编程&qu ...

  9. Scala - 快速学习09 - 函数式编程:一些操作

    1- 集合类(collection) 系统地区分了可变的和不可变的集合. scala.collection包中所有的集合类 可变集合(Mutable) 顾名思义,意味着可以修改,移除或者添加一个元素. ...

  10. Scala - 快速学习08 - 函数式编程:高阶函数

    函数式编程的崛起 函数式编程中的“值不可变性”避免了对公共的可变状态进行同步访问控制的复杂问题,能够较好满足分布式并行编程的需求,适应大数据时代的到来. 函数是第一等公民 可以作为实参传递给另外一个函 ...

随机推荐

  1. JavaScript 模板引擎实现原理解析

    1.入门实例 首先我们来看一个简单模板: <script type="template" id="template"> <h2> < ...

  2. Win10下PB停在欢迎窗口界面

    问题:Win10下不能打开PB12.5,PB12.6,一直停在欢迎窗口界面. 解决方法:把服务"Touch Keyboard and Handwriting Panel Service&qu ...

  3. 【转】SQL 操作类

    using System; using System.Collections.Generic; using System.Text; using System.Data; using System.D ...

  4. javascript基础语法——词法结构

    × 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫 ...

  5. 【5.1送礼】国内第一部Matlab和C#.Net混合编程视频教程【免费】

                  本博客所有文章分类的总目录:[总目录]本博客博文总目录-实时更新    Matlab和C#混合编程文章目录 :[目录]Matlab和C#混合编程文章目录 上一次写博客很久了 ...

  6. 【转载】经典SQL语句大全

    [原文地址]http://www.cnblogs.com/yubinfeng/archive/2010/11/02/1867386.html 一.基础 1.说明:创建数据库CREATE DATABAS ...

  7. PL/SQL异常处理

    As we all known,程序的错误一般分为两类:编译错误和运行时错误.其中运行时错误被称为异常.PL/SQL语句块中处理异常的部分即为异常处理部分.在异常处理部分,可以指定当特定异常发生时所采 ...

  8. Android 软键盘弹出时把原来布局顶上去的解决方法

    键盘弹出时,会将布局底部的导航条顶上去. 解决办法: 在mainfest.xml中,在和导航栏相关的activity中加: <activity            android:name=& ...

  9. WebStorm 9 自动编译 LESS 产出 CSS 和 source maps

    1.双击桌面Chrome图标,打开Chrome,按键盘“F12”键,打开开发工具界面,点击其右上角的“设置”按钮,勾选“Enable JavaScript source maps”  及“Enable ...

  10. 【特别推荐】Web 开发人员必备的经典 HTML5 教程

    对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西.唯一的问题是,你需要跟上这个领域的发展脚步,因此,你必须不断的学习,不断的前进.本文将分享能够帮助您快速掌 ...