函数式编程

[hsipeng]

什么是函数式编程

函数式编程可以理解为以函数作为主要载体的编程方式，用函数去拆解、抽象一般的表达式

优点

• 语义更加清晰
• 可复用性更高
• 可维护性更好
• 作用域局限，副作用少

函数式编程例子

// 数组中每个单词，首字母大写


// 一般写法
const arr = ['apple', 'pen', 'apple-pen'];
for(const i in arr){
  const c = arr[i][0];
  arr[i] = c.toUpperCase() + arr[i].slice(1);
}

console.log(arr);


// 函数式写法一
function upperFirst(word) {
  return word[0].toUpperCase() + word.slice(1);
}

function wordToUpperCase(arr) {
  return arr.map(upperFirst);
}

console.log(wordToUpperCase(['apple', 'pen', 'apple-pen']));


// 函数式写法二
console.log(arr.map(['apple', 'pen', 'apple-pen'], word => word[0].toUpperCase() + word.slice(1)));

解读

当情况变得更加复杂时，表达式的写法会遇到几个问题：

• 表意不明显，逐渐变得难以维护
• 复用性差，会产生更多的代码量
• 会产生很多中间变量

函数式编程很好的解决了上述问题。首先来看 函数式写法一，它利用了函数封装性将功能做拆解（粒度不唯一），并封装为不同的函数，而再利用组合的调用达到目的。这样做使得表意清晰，易于维护、复用以及扩展。其次利用 高阶函数，Array.map 代替 for…of 做数组遍历，减少了中间变量和操作。

而 函数式写法一 和 函数式写法二 之间的主要差别在于，可以考虑函数是否后续有复用的可能，如果没有，则后者更优。

观点

而我认为函数式编程并不是必须的，它也不应该是一个强制的规定或要求。与面向对象或其他思想一样，它也是其中一种方式。我们更多情况下，应该是几者的结合，而不是局限于概念 ————— http://taobaofed.org/

参考资料

• 我眼中的 JavaScript 函数式编程 | Taobao FED | 淘宝前端团队