Flux Dispatcher 的目的是啥(与仅具有实例方法相比)

Posted

技术标签:

【中文标题】Flux Dispatcher 的目的是啥(与仅具有实例方法相比)【英文标题】:What is the purpose of the Flux Dispatcher (vs. simply having instance methods)Flux Dispatcher 的目的是什么(与仅具有实例方法相比) 【发布时间】:2017-06-03 04:05:24 【问题描述】:

我正在尝试了解通量调度程序的用途。

这里是一个简单的例子(取自http://blog.andrewray.me/flux-for-stupid-people/)

// Single object representing list data and logic
var ListStore = 

    // Actual collection of model data
    items: []

;

// Tell the dispatcher we want to listen for *any*
// dispatched events

MicroEvent.mixin( ListStore );

AppDispatcher.register( function( payload ) 

    switch( payload.actionName ) 

        // Do we know how to handle this action?
        case 'new-item':

            // We get to mutate data!
            ListStore.items.push( payload.newItem );
            // Tell the world we changed!
            ListStore.trigger( 'change' );
            break;

    

); 

ListActions = 

    add: function( item ) 
        AppDispatcher.dispatch(
            eventName: 'new-item',
            newItem: item
        );
    

;

```

看来到最后我只想说

ListActions.add(12)

那么有一个调度程序,然后创建add action-creator 服务有什么目的(除了磨损我的键盘?)

即使在一个大型项目中,我也不确定这种模式的作用,只是让我输入更多内容。

【问题讨论】:

一个答案可能是它允许多个“商店”响应单个操作,而实体提出该操作并不知道有多个商店关心。这是答案吗? 【参考方案1】:

在这里找到了一个很好的解释:

https://facebook.github.io/react/blog/2014/07/30/flux-actions-and-the-dispatcher.html

【讨论】:

以上是关于Flux Dispatcher 的目的是啥(与仅具有实例方法相比)的主要内容,如果未能解决你的问题,请参考以下文章

react_2/flux

在“回流”中,行动的目的是啥?

flux架构的详细介绍和使用!

React: 研究Redux的使用

Flux reference

Flux