对reducers 理解

    var reducers = {  
      totalInEuros : function(state, item) {
        return state.euros += item.price * 0.897424392;
      },
      totalInYen : function(state, item) {
        return state.yens += item.price * 113.852;
      }
    };

    // reducers 是上面reducers 对象
    var manageReducers = function(reducers) {
      // return 是下面 items.reduce 匿名函数
      return function(state, item) {
          console.log(state, item); // state:{euros: 0} item:{price: 10}
        return Object.keys(reducers).reduce(
          function(nextState, key) {
              // 此处为state 进行计算后再返回
            reducers[key](state, item);
            return state;
          },
          {}
        );
      }
    };

    var bigTotalPriceReducer = manageReducers(reducers);

    var initialState = {euros:0, yens: 0};

    var items = [{price: 10}, {price: 120}, {price: 1000}];

    var totals = items.reduce(bigTotalPriceReducer, initialState);

    console.log(totals);

 

转载于:https://www.cnblogs.com/y896926473/p/8166108.html

Redux 是一种 JavaScript 状态管理库,它可以帮助我们管理应用程序的状态,并且可以在整个应用程序共享状态。Redux 的实现原理主要有以下几个方面: 1. Store:Redux 应用程序的所有状态都存储在一个单一的、不可变的存储区域,称为 "store"。store 是一个纯 JavaScript 对象,它包含了整个应用程序的状态。store 还包含了一些方法,用于获取状态、监听状态变化、更新状态等操作。 2. Action:Redux 应用程序的状态只能通过 "action" 来修改。action 是一个描述状态变化的普通 JavaScript 对象,它必须包含一个 "type" 属性,用于描述变化的类型。action 还可以包含一些其他的数据,用于描述变化的具体内容。 3. Reducer:Redux 应用程序的状态修改是通过 "reducer" 来实现的。reducer 是一个纯函数,它接受当前的状态和一个 action,然后返回一个新的状态。reducer 不能修改原来的状态,它只能返回一个全新的状态。Redux 应用程序可能会有多个 reducer,每个 reducer 负责管理一个部分状态。 4. Dispatch:Redux 应用程序的状态修改是通过 "dispatch" 来触发的。dispatch 是一个方法,它接受一个 action,然后将 action 发送给所有的 reducer。每个 reducer 都会接收到 action,然后根据 action 的类型来修改自己管理的状态。 5. Subscribe:Redux 应用程序的状态变化是通过 "subscribe" 来监听的。subscribe 是一个方法,它接受一个回调函数,每当状态发生变化时就会调用这个回调函数。我们可以在回调函数获取最新的状态,然后根据状态来更新应用程序的界面。 综上所述,Redux 的实现原理就是通过 store、action、reducer、dispatch 和 subscribe 这些机制来实现状态管理的。通过这些机制,我们可以将应用程序的状态集管理,从而带来更好的可维护性、可扩展性和可重用性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值