JavaScript 函数式编程

阅读 2289
收藏 96
2017-01-17
原文链接:www.jianshu.com

引言

面向对象编程一直以来都是JavaScript中的主导范式。JavaScript作为一门多范式编程语言,然而,近几年,函数式编程越来越多得受到开发者的青睐。函数式编程是一种强调减少对程序外部状态产生改变的方式。因此,它鼓励使用不可变数据结构和纯函数编程.,鼓励使用声明式编程而非命令式编程,通过简而易懂的函数命名方式,描述目标性质,得到想要的结果,而非流程式,指令式。函数式编程既不依赖外部状态,也不修改外部状态,可以使代码更容易理解,维护,测试,不易出错。

五大特性

  • 无副作用
  • 不可变数据
  • 纯函数
  • 函数组合
  • 函数柯里化

无副作用

函数副作用是指当调用函数时,除了返回函数值之外,还对该函数外部的状态产生了改变。函数副作用会给程序设计带来不必要的麻烦,给程序带来潜在的错误,并且降低程序的可读性。

一个有副作用的例子

一个无副作用的例子

不可变数据

不可变数据指一个值,一旦被创建,就永远不会发生改变.。在JavaScript基本数据类型中,数字、字符串和布尔值是永远不变的,但对象和数组的数据结构在某些操作下是可变的。

一个可变的例子

数组可变

对象可变
一个不可变的例子

数组不可变

对象不可变

纯函数

纯函数是一种函数,它不改变程序的外部状态,也不会造成数据可变性。纯函数的输出完全依赖于它的输入值,对于相同的输入,永远返回相同的输出。

一个纯函数的例子

函数组合

函数组合指把多个函数通过嵌套的方式,把函数作为入参传入,把函数作为返回值传出,组合成为一个全新的函数,形成管道数据流。

一个函数组合的例子

函数柯里化

函数柯里化指把接受多个参数的多参函数转换成每次只接受一个参数的单参函数,并且返回可以接受余下参数的新函数,最大的特点是延迟执行,增加了函数的适用性。

多参函数

单参函数(柯里化函数)

函数式编程的典型应用

Redux的设计与用法完全采用函数式编程的理念,建议阅读源码来进一步提升对函数式编程的认识

评论