javascript-如何根据培根中的某些EventStream更改切换流

考虑从http://baconjs.github.io/开始的这个例子

var up   = $('#up').asEventStream('click');
var down = $('#down').asEventStream('click');

var counter =
  // map up to 1, down to -1
  up.map(1).merge(down.map(-1))
  // accumulate sum
    .scan(0, function(x,y) { return x + y });

// assign observable value to jQuery property text
counter.assign($('#counter'), 'text');

如果我还有一个用于重置计数器的按钮并且该按钮单击了事件流,该怎么办.如何根据重置点击流切换计数器流以重置计数器？我知道我必须使用.flatMapLatest方法,但是在引用此示例时,我不知道该怎么做.

解决方法:

您在这里不需要flatMapLatest.您可以使用功能强大且简单得多的Bacon.update,因为在此示例中,我们有一个简单的状态机.

var up    = $('#up').asEventStream('click');
var down  = $('#down').asEventStream('click');
var reset = $('#reset').asEventStream('click');

var counter = Bacon.update(0,
  [up],    function (prev, unused) { return prev + 1; },
  [down],  function (prev, unused) { return prev - 1; },
  [reset], function (prev, unused) { return 0; }
);

标签：reactive-streams,bacon-js,reactive-programming,javascript
来源： https://codeday.me/bug/20191028/1955411.html