纯函数-柯里化-组合函数

纯函数在维基百科中的定义：

此函数 在相同的输入值时，需 产生相同的输出。
函数的输出和输入值意外的其他隐藏心思或状态无关，也和 由 I/O 设备产生的外部输出无关。
该函数不能有语义上可观察的函数副作用，诸如 “触发事件”，使输出设备输出，或更改输出值以外物件的内容等。

纯函数的优势：

• 可以安心的编写和使用；
• 你在写的时候保证了函数的纯度，只是单纯实现自己的业务逻辑即可，不需要关心传入的内容 是如何获得的或着依赖其他的外部变量是否已经发生了修改；
• 你在用的时候，你确定你的输入内容不会被任意篡改，并且自己确定的输入，一定会有去确定的输出；

总结：

• 确定的输入，一定会产生确定的输出；
• 函数在执行过程中，不能产生副作用；

var names = ["a", "b", "c", "d"];
// slice就是一个纯函数，不会改变原数组
var newNames1 = names.slice(0, 3);
console.log(newNames1); // [ 'a', 'b', 'c' ]

// splice 在执行时，有修改原来的数组，修改的 这个操作就是副作用
// splice 不是一个纯函数
var newNames2 = names.splice(2);
console.log(newNames2); // [ 'c', 'd' ]
console.log(names); // [ 'a', 'b' ]

柯里化维基百科的定义：

• 是把接收多个参数的函数，变成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接收余下的参数，而且返回结果的新函数技术；
• 柯里化声称 如果你固定某些参数，你将得到接受余下参数的一个函数；

总结：

只传递给函数一部分参数来调用它，让它返回一个函数去处理剩余的参数；
这个过程就称为柯里化。

function add(x, y, z) {
  return x + y + z;
}
var result = add(10, 20, 30);
console.log(result);

function sum(x) {
  return function (y) {
    return function (z) {
      return x + y + z;
    };
  };
}
var result1 = sum(10)(20)(30);
console.log(result1);

// 简化柯里化的代码
var sum2 = (x) => (y) => (z) => {
  return x + y + z;
};

console.log(sum2(10)(20)(30));

为什么使用柯里化？

• 在函数式编程中，我们其实往往希望一个函数处理的问题尽可能的单一，而不是将一大堆的处理过程交给一个函数来处理。
• 那么我们是否就可以将每次传入的参数在单一的函数中进行处理，处理完后在下一个函数中再使用处理后的结果。

柯里化函数的实现

function Currying(fn) {
  function curried(...args) {
    // 判断当前 已经接收到的 参数的个数，和参数本身需要的参数是否已经一致了
    // 1.判断已经传入的参数 大于等于 需要的参数时， 就执行函数
    if (args.length >= fn.length) {
      // 注意 this
      // fn(...args)
      // fn.call(this, ...args)
      return fn.apply(this, args);
    } else {
      // 没有达到个数时，需要返回一个新的函数，继续来接收参数
      return function (...args2) {
        // 接收到参数后，需要递归调用 curried
        return curried.apply(this, [...args, ...args2]);
      };
    }
  }
  return curried;
}

function add1(x, y, z) {
  return x + y + z;
}

// 测试
var curryAdd = Currying(add1);
console.log(curryAdd(10)(20)(30));
console.log(curryAdd(10, 20)(30));
console.log(curryAdd(10, 20, 30));

组合(Compose) 函数

• 是在 JS 开发过程中一种对函数的使用技巧、模式：
  比如我们现在需要对某一个数据 进行函数的调用，执行两个函数 fn1 和 fn2，这两个函数是依次执行的。
• 那么如果每次我们都需要进行两个函数的调用，操作上就会显得重复；

  那么是否可以将这两个函数组合起来，自动依次调用呢？

• 这个过程就是对函数的组合，我们称之为组合函数(Compose Function)

function double(num) {
  return num * 2;
}

function square(num) {
  return num ** 2;
}

var count = 10;
var result = square(double(count));
console.log(result);

通用组合函数的实现

function Compose(...fns) {
  var length = fns.length;
  for (let i = 0; i < length; i++) {
    if (typeof fns[i] !== "function") {
      throw new TypeError("要求都是函数类型");
    }
  }
  return function (...args) {
    var index = 0;
    var result = length ? fns[index].apply(this, args) : args;
    while (++index < length) {
      result = fns[index].call(this, result);
    }
    return result;
  };
}