代码之家 › 专栏 › 技术社区 › Aran Freel

普通函数与返回多个函数的函数的区别

middleware redux reactjs javascript

Aran Freel · 技术社区 · 8 年前

我不理解下面两种说法之间的区别。为什么在记录器中返回两次函数会有什么不同?

返回函数

const logger = store => next => action => {
    let result
    console.groupCollapsed("dispatching", action.type)
    console.log('prev state', store.getState())
    console.log('action', action)
    result = next(action)
    console.log('next state', store.getState())
    console.groupEnd()
    return result
}

不返回函数

const logger = (store, next, action) => {
    let result
    console.groupCollapsed("dispatching", action.type)
    console.log('prev state', store.getState())
    console.log('action', action)
    result = next(action)
    console.log('next state', store.getState())
    console.groupEnd()
    return result
}

1 回复 | 直到 5 年前

dashton 8 年前

这样您就可以部分地将参数应用于函数。例如,您可能只知道(或在范围内) store 和 next 在特定时间点运行。之后,在执行过程中,你可能会 action 参数,但 百货商店 超出范围。

因此,您可以部分应用前两个参数,然后传递返回的函数,以便在稍后的阶段最终可以使用第三个参数执行它。当最后使用第三个参数执行时,它可以访问前两个参数,因为它们包含在部分应用的函数中。举例说明:

 const store = {
    getState: () => 'foo'
}
// this can be passed around, it creates a closure around store so will have access to it later
const partialLogger = logger(store)((ac) => ({
    ac,
    bar: 2
}));
// some time later - execute
const res = partialLogger({ type: 'baz' });
console.log('>res', res);

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

1 年前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

noblerare · Vite错误-未定义导出(SSR)

1 年前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前