解读只有99行的Redux（三）—— 辅助函数和组合Reducer

原文发布在我的个人博客 解读只有99行的Redux（三） | 以太空间

一、概述

  slim-redux源码中剩余的其他部分都是一些工具函数，包括mapValues、pick、bindActionCreator、bindActionCreators、combineReducers，我们将逐一进行介绍。

二、mapValues解读

  这个函数顾名思义，就是进行一个类似数组map方法的处理。

  相关代码如下

function mapValues(obj, fn) {
   
  return Object.keys(obj).reduce((result, key) => {
    result[key] = fn(obj[key], key);
    return result;
  }, {});
}

  mapValues函数会接受两个参数，第一个是一个对象，第二个是处理函数。mapValues会对所接受的对象参数obj进行遍历，将每一个键值用fn进行处理，然后将这个结果作为值，原来的键作为键存放到一个新的对象里，最后mapValues会返回这个新对象。

  我们来举个例子：

  假设原来的obj和fn是这样的

const obj = {
    a: 1,
    b: 2,
    c: 3
};
const fn = (value, key) => {
    return value + key;
};

  经过mapValues函数处理后，返回的新对象变成了这个样子

{
    a: 'a1',
    b: 'b2',
    c: