FY-7216 5-前端工程化

前端工程话&函数式编程

函数式编程

特点：

1. vue3 react16.8 全面化函数式的推动
2. 函数式编程可以使得代码单元相对更加独立，--tree shaking 过程更加顺畅，更方便做 UT
3. 减少了对 this 的依赖，减轻了开发人员对问题的困扰
4. js 天生友好，lodash ramda

概念：

1. 抽象运算过程，
2. 函数式的函数并非对于过程运算，函数的映射
3. 幂等--相同的输入始终得到相同的输出

let arr = [1,2,3,4,5]

arr.slice(0,3)//[1,2,3]
arr.slice(0,3)//[1,2,3]

arr.splice(0,3)//[1,2,3]
arr.splice(0,3)//[4,5]

高阶函数 HOC

定义：

1.函数作为参数被传递到另一个函数中
2.函数作为返回值被一个函数返回

函数柯里化

传递给函数一部分参数用于功能调用，让他返回一个函数去处理剩下的参数

let add = (x,y) => x+y;

// 柯里化后
let add = x => y=x+y

是一种预加载方式，

• 问题
  包心菜代码的产生 h(g(f(x)));

组合

通过更优雅的方式实现纯函数的解耦

let c = (f,g) => (x => f(g(x)));
let add1 = x => x+1;
let mul5 = x => x*5;

webpack-plugin

名词，