浅学函数式编程笔记

一、什么是函数式编程

1.概念

• 函数式编程用来描述数据（函数）之间的映射关系；（或者表述为）对运算过程的抽象。
• 函数式编程中的函数不是指的程序中的函数（方法），而是数学中的函数即映射关系，例如y=sin(x), x和y的关系。

二、为什么要学函数式编程

• 函数式编程是随着React的流行收到愈来愈多的关注
• Vue3也开始拥抱函数式编程
• 函数式编程可以抛弃this
• 打包过程中可以更好地利用 tree shaking过滤无用代码
• 方便测试、方便并行处理
• 有很多库可以帮助我们进行函数式开发：lodash、underscore、ramda

三、函数是一等公民

• 函数可以存储在变量中（函数表达式不能提升）
• 函数可以作为变量
• 函数可以作为返回值

函数是进行函数式编程的基础。

四、高阶函数

1.什么是高阶函数

• 可以把函数作为参数传递给另一个函数
• 可以把函数作为另一个函数的返回值

2.函数作为参数

// 模拟数组的forEach方法
function forEach(array, fn) {
  for(let value of array) {
  return fn(value);
  }
}
// 测试forEach
console.log(forEach([1,2,3,4], i => console.log(i)));

// 模拟数组的filter方法
fucntion filter(array, fn) {
  let res = [];
  for(let value of array) {
  fn(value) ? res.push(fn(value)) : null;
  }
  return res;
}
// 测试filter
console.log(filter([1,2,3,4], i => i % 2 === 0))

3.函数作为返回值

function createFn() {
  return function() {
  console.log('我真是个美少女')
  }
}
let fn = createFn()
fn()

// once(支付的场景中适用)
function once(fn) {
  let done = false;
  return function() {
    if(!done) {
      done = true;
      fn.apply(this, arguments);
    }
  }
}

let pay = once(money => console.log(`支付${money} RMB`));
// 只会支付一次
pay(3)
pay(3)
pay(3)

4.使用高阶函数的意义

• 抽象可以帮助我们屏蔽细节，只关注我们的目标
• 高阶函数是用来抽象通用的问题

// 面向过程
let arr = [1,2,3,4];
for(let i = 0; i< arr.length; i++) {
  console.log(arr[i]);
}
// 高阶函数
forEach(arr, i => console.log(i));
let r = filter(arr, i => i % 2 === 0);

5.常用的高阶函数

forEach、map、filter、every、some、find/findIndex、reduce、sort、......