目录

  • 纯函数

    • 纯函数的概念
    • Lodash——纯函数的代表

      • 体验Lodash
    • 纯函数的益处

      • 可缓存
      • 可测试
      • 并行处理
    • 副作用
    • 【函数式编程总体设计】
之前讲了函数的前置常识,如果还是不太明确的同学能够参考文章 函数式编程(一)—— 前置常识 ,上面咱们能够进行函数式编程的根底内容。

纯函数

纯函数的概念

雷同的输出永远会失去雷同的输入,而且没有任何可察看的副作用。

纯函数就相似数学中的函数(用来形容输出和输入之间的关系),y = f(x)

let numbers = [1, 2, 3, 4, 5] // 纯函数 // 对于雷同的函数,输入是一样的// slice办法,截取的时候返回截取的函数,不影响原数组numbers.slice(0, 3) // => [1, 2, 3] numbers.slice(0, 3) // => [1, 2, 3] numbers.slice(0, 3) // => [1, 2, 3] // 不纯的函数 // 对于雷同的输出,输入是不一样的// splice办法,返回原数组,扭转原数组numbers.splice(0, 3) // => [1, 2, 3] numbers.splice(0, 3) // => [4, 5] numbers.splice(0, 3) // => []// 上面函数也是纯函数 function getSum (n1, n2) {    return n1 + n2}console.log(getSum(1, 2)) // 3console.log(getSum(1, 2)) // 3console.log(getSum(1, 2)) // 3
  • 函数式编程不会保留计算两头的后果,所以变量是不可变的(无状态的)
  • 咱们也能够把一个函数的执行后果交给另一个函数解决

Lodash——纯函数的代表

  • lodash 是一个纯函数的性能库,提供了模块化、高性能以及一些附加性能。提供了对数组、数字、对象、字符串、函数等操作的一些办法

体验Lodash

  • 装置

新建文件夹 -> npm init -y -> npm i lodash

  • 体验
const _ = require('lodash')const array = ['jack', 'tom', 'lucy', 'kate']// head的别名是first  _.head(array)也能够console.log(_.first(array)) //jackconsole.log(_.last(array)) //kateconsole.log(_.toUpper(_.first(array))) //JACKconsole.log(_.reverse(array))  //[ 'kate', 'lucy', 'tom', 'jack' ]// 数组的翻转不是纯函数,因为会扭转原数组。这里的reserve是应用了数组的reverse,所以也不是纯函数const r = _.each(array, (item, index) => {  console.log(item, index)  // kate 0  // lucy 1  // tom 2  // jack 3})console.log(r) // [ 'kate', 'lucy', 'tom', 'jack' ]

纯函数的益处

可缓存

因为对于雷同的输出始终有雷同的后果,那么能够把纯函数的后果缓存起来,能够进步性能。

const _ = require('lodash')function getArea(r) {  console.log(r)  return Math.PI * r * r}let getAreaWithMemory = _.memoize(getArea)console.log(getAreaWithMemory(4))console.log(getAreaWithMemory(4))console.log(getAreaWithMemory(4))// 4// 50.26548245743669// 50.26548245743669// 50.26548245743669// 看到输入的4只执行了一次,因为其后果被缓存下来了

那咱们能够模仿一个记忆函数

function memoize (f) {  let cache = {}  return function () {    // arguments是一个伪数组,所以要进行字符串的转化    let key = JSON.stringify(arguments)    // 如果缓存中有值就把值赋值,没有值就调用f函数并且把参数传递给它    cache[key] = cache[key] || f.apply(f,arguments)    return cache[key]  }}let getAreaWithMemory1 = memoize(getArea)console.log(getAreaWithMemory1(4))console.log(getAreaWithMemory1(4))console.log(getAreaWithMemory1(4))// 4// 50.26548245743669// 50.26548245743669// 50.26548245743669

可测试

纯函数让测试更加的不便

并行处理

  • 多线程环境下并行操作共享的内存数据很可能会出现意外状况。纯函数不须要访问共享的内存数据,所以在并行环境下能够任意运行纯函数
  • 尽管JS是单线程,然而ES6当前有一个Web Worker,能够开启一个新线程

副作用

副作用就是让一个函数变得不纯,纯函数的依据市雷同的输出返回雷同的输入,如果函数依赖于内部的状态就无奈保障输入雷同,就会带来副作用,如上面的例子:

// 不纯的函数,因为它依赖于内部的变量let mini = 18 function checkAge (age) {     return age >= mini }

副作用起源:

  • 配置文件
  • 数据库
  • 获取用户的输出
  • ......

所有的内部交互都有可能带来副作用,副作用也使得办法通用性降落不适宜扩大和可重用性,同时副作用会给程序中带来安全隐患给程序带来不确定性,然而副作用不可能齐全禁止,咱们不能禁止用户输出用户名和明码,只能尽可能管制它们在可控范畴内产生。

函数式编程总体设计

  • 函数式编程(一)—— 前置常识
  • 函数式编程(二)—— 纯函数