帮你精通JS: 从JS中学习函数式编程的五项支柱

一、什么是函数式编程

从FP函数式编程的眼中看来,世界的万事万物就是处理数据流:

input --> process -- output 

FP函数式编程是一种思维方式:

帮你精通JS: 从JS中学习函数式编程的五项支柱

比如非函数式,会这样写程序:

> var name = "gaowei";
> var greeting = "Hello,I'm ";;
> console.log(greeting + name)
Hello,I'm gaowei

而函数范式编程则会这样写程序:

> function greet(name) {
... return "Hi, I'm " + name;
... }
> greet("Gaowei");
"Hi, I'm Gaowei"

二、用纯函数 pure-function,避免 副作用 side-effects

举例说明“非纯函数”,

> let name = "Gaowei";
> function greet() {
... console.log("Hi, I'm " + name);
... }
> greet()
Hi, I'm gaowei

这就不是一个纯函数,因为没有返回结果。

而纯函数则是:

> function greet(name) {
... return "Hi, I'm " + name;
... }

三、使用高阶函数 higher-order-function,函数本身可作为输入或者输出

在高阶函数中,函数本身又可作为输入与输出。

> function setAdjectifier(adjective) {
... return function(description) {
..... return adjective + " " + description;
..... }
... }
> let greatifier = setAdjectifier("great");
> greatifier("meeting")
'great meeting'

四、不要迭代,用 map, reduce 和 filter

map与filter之间的关联与区别,可以参见下面这张图:

帮你精通JS: 从JS中学习函数式编程的五项支柱

五、不要更改输入数据,用不可变更的数据结构

举例,我们惯常的做法常常为:

> let fruits = ['apple', 'banana', 'peach'];
> fruits[2] = 'orange'
'orange'
> fruits
[ 'apple', 'banana', 'orange' ]

上面的mutation的处理方法,将会修改原始数据。

尝试 functional-programming的方式为:

> newFruits = fruits.map( rm => rm == "orange" ? "peach" : rm)
[ 'apple', 'banana', 'peach' ]
> fruits
[ 'apple', 'banana', 'orange' ]

而能够高效处理 immutable 数据的常用库为:Mori, immutable.js, Underscor, Lodash, Ramda 等

展开阅读全文

页面更新:2024-05-05

标签:函数   范式   数据流   高效   数据结构   副作用   支柱   万物   万事   做法   眼中   区别   常用   方式   程序

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号

Top