javascript - 如何理解立即返回另一个函数的函数

Question

这个问题已经有答案了:

Higher-order functions in Javascript (5 个回答)

What is 'Currying'? (24 个回答)

已关闭 4 年前。

I am confused by the following code.

Source

export const createProject = (project) => {
  return (dispatch, getState, {getFirestore}) => {
    // make async call to database
    const firestore = getFirestore();
    firestore.collection('projects').add({
      ...project,
      authorFirstName: 'Net',
      authorLastName: 'Ninja',
      authorId: 12345,
      createdAt: new Date()
    }).then(() => {
      dispatch({ type: 'CREATE_PROJECT_SUCCESS' });
    }).catch(err => {
      dispatch({ type: 'CREATE_PROJECT_ERROR' }, err);
    });
  }
};

我的问题是关于这条线的。

return (dispatch, getState, {getFirestore}) => {...

是什么让这个工作如此有效？争论从何而来？什么叫他们？所有这些争论不是已经在范围内了吗？为什么我们需要createProject返回第二个函数？是createProject返回第二个函数？或者它立即调用内联函数？是什么触发了return要运行的函数？

我通常对这种模式感到非常困惑。有人可以帮我分解一下吗？

Answer 1

从最简单的模式开始:

function outter(outterArg) {
  return function(innerArg) {
     console.log(outterArg, innerArg  )
  }
}
let retFunction = outter('outterValue')
// retFunction is that function returned from outter
// now call the retFunction
retFunction('innerValue')

// or call them on one line
outter('oneLineOutter')('oneLineInner')