功能性Javascript BaconJS,如何将更多值推送到事件流?

时间:2015-10-28 16:28:24

标签: javascript asynchronous functional-programming bacon.js

我试图在BaconJS中创建一堆AJAX响应。它以先进先出的方式处理它们,但每个都以“先出”的方式处理它们。事件应该等待用户输入。

这就是我现在所处的位置:Live JSBin

var pages = Bacon.fromArray([1,2,3])
var next = $("#next").asEventStream('click').map(true);

pages.flatMapConcat(asyncFunction).zip(next).log("responses")

function asyncFunction(page) {
  // Simulating something like an AJAX request
  return Bacon.later(1000 + (Math.random() * 3000), "Page "+ page)
}

目前,每次单击pages时,此同步会从EventStream #next输出一个事件,这是我想要的行为。

但是,我无法弄清楚如何将更多值推送到pages EventStream。我试图用Bus替换EventStream页面,并推送像这样的值(它不起作用)。

var pages = new Bacon.Bus()
pages.push("value")

如何将更多值推送到EventStream

1 个答案:

答案 0 :(得分:0)

我知道这是一个老帖子,但公共汽车会起作用。只需将数字(之前有一组数字)输入其中:

var pages = new Bacon.Bus();
// Bacon.fromArray([1,2,3])
var next = $("#next").asEventStream('click').map(true);

pages.flatMapConcat(asyncFunction).zip(next).log("responses")

function asyncFunction(page) {
  // Simulating something like an AJAX request
  return Bacon.later(1000 + (Math.random() * 3000), "Page "+ page)
}


pages.push(1);
pages.push(2);
pages.push(3);

I cloned your jsbin and changed it to use bus

如前所述,您可以使用fromEventfromBinder

等内容来传输页面值的来源