关于javascript:函数式编程二-纯函数

纯函数
- 纯函数的概念
- 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)) // 3
console.log(getSum(1, 2)) // 3
console.log(getSum(1, 2)) // 3

函数式编程不会保留计算两头的后果，所以变量是不可变的 (无状态的)
咱们也能够把一个函数的执行后果交给另一个函数解决

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

装置

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

体验

const _ = require('lodash')

const array = ['jack', 'tom', 'lucy', 'kate']

// head 的别名是 first  _.head(array) 也能够
console.log(_.first(array)) //jack
console.log(_.last(array)) //kate

console.log(_.toUpper(_.first(array))) //JACK

console.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}

副作用起源：

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

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

函数式编程（一）—— 前置常识
函数式编程（二）—— 纯函数

目录

纯函数

纯函数的概念

Lodash——纯函数的代表

体验 Lodash

纯函数的益处

可缓存

可测试

并行处理

副作用

函数式编程总体设计