redux中的compose函数的实现

就是传入多个函数作为参数,将前面函数执行后的返回值传给下一个函数,依次调用

const compose = (...func) => {
  if (func.length === 0) {
    // 直接返回参数
    return arg => arg
  }
  if (func.length === 1) {
    return func[0]
  }
  return func.reduce((a, b) => (...args) => a(b(...args)))
}

const add = arg => arg + 1;
const sum = arg => arg + 1;
const plus = arg => arg + 1;
const num = compose(add, sum, plus)(1); // add(sum(plus(1)))
console.log(num);
let num2 = compose()(2)
console.log(num2);

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用React Redux Toolkit时,异步函数可以使用createAsyncThunk方法进行定义和处理。createAsyncThunk接收两个参数,第一个参数是thunk函数的名称,第二个参数是一个包含三个属性的对象:`promise`、`fulfilled`和`rejected`。 `promise`属性是一个返回Promise对象的函数,它会在thunk函数被调用时被执行。`fulfilled`属性是一个处理成功的回调函数,它会在Promise对象被成功解决时被调用。`rejected`属性是一个处理失败的回调函数,它会在Promise对象被拒绝时被调用。 例如,下面是一个使用createAsyncThunk定义异步函数的例子: ``` javascript import { createAsyncThunk } from '@reduxjs/toolkit' import { fetchUsers } from './api' export const getUsers = createAsyncThunk( 'users/getUsers', async () => { const response = await fetchUsers() return response.data } ) ``` 在上面的例子,我们定义了一个名为`getUsers`的thunk函数,并使用`createAsyncThunk`方法来定义它。`fetchUsers`是一个外部API调用,返回一个Promise对象。在我们的thunk函数,我们使用`await`关键字来等待Promise对象的解决,并返回收到的数据。 接下来,我们可以在Redux使用我们定义的异步函数,例如: ``` javascript import { getUsers } from './usersSlice' dispatch(getUsers()) ``` 在上面的代码,我们使用Redux的`dispatch`方法来调用异步函数`getUsers`。这将触发异步函数的执行,并在Promise对象被解决时触发`fulfilled`回调函数。我们可以使用Redux Toolkit的`createSlice`方法来定义我们的reducer,并根据需要处理`fulfilled`和`rejected`回调函数

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值