3

我在一个库中发现一个递归表达式非常困惑。代码在这里： https ://github.com/tappleby/redux-batched-subscribe/blob/master/src/index.js#L22

export function batchedSubscribe(batch) {
  if (typeof batch !== 'function') {
    throw new Error('Expected batch to be a function.');
  }

  const listeners = [];

  function subscribe(listener) {
    listeners.push(listener);

    return function unsubscribe() {
      const index = listeners.indexOf(listener);
      listeners.splice(index, 1);
    };
  }

  function notifyListenersBatched() {
    batch(() => listeners.slice().forEach(listener => listener()));
  }

  return next => (...args) => {
    const store = next(...args);
    const subscribeImmediate = store.subscribe;

    function dispatch(...dispatchArgs) {
      const res = store.dispatch(...dispatchArgs);
      notifyListenersBatched();
      return res;
    }

    return {
      ...store,
      dispatch,
      subscribe,
      subscribeImmediate
    };
  };
}

具体这部分：

return next => (...args) => {
  const store = next(...args);
  const subscribeImmediate = store.subscribe;

  function dispatch(...dispatchArgs) {
    const res = store.dispatch(...dispatchArgs);
    notifyListenersBatched();
    return res;
  }

  return {
    ...store,
    dispatch,
    subscribe,
    subscribeImmediate
  };
};

这怎么不是无限递归？

4

2 回答 2

3
于 2015-12-09T04:18:12.603 回答
2

我们似乎都对此感到困惑的原因是，如果将箭头函数写为单个语句，则会隐式调用return.

例如，一个简单的函数是这样的：

const add = (a, b) => a + b;

相当于

var add = function(a, b) {
  return a + b;
}

知道了这一点，我们可以去掉糖并转换箭头函数：

return next => function(...args) { // body }

真的是这里发生的事情，如果我们更进一步，我们会得到：

return function(next) {
  return function(...args) {
    const store = next(...args);
    const subscribeImmediate = store.subscribe;

    function dispatch(...dispatchArgs) {
      const res = store.dispatch(...dispatchArgs);
      notifyListenersBatched();
      return res;
    }

    return {
      ...store,
      dispatch,
      subscribe,
      subscribeImmediate
    };
  }
}

包含代码的两个函数实际上都是无名的。next是一个函数，但不是返回的函数之一。它作为变量传递给第一个返回的函数。

这里没有递归，而是大量的函数组合，这是从像 redux 这样的库中可以预期的，它从函数式编程中汲取了很多东西。

于 2015-12-09T04:00:32.720 回答