在Bacon.js中使用多个事件流值

Question

我有一个表单，目前有两个输入(数量将增加)，用户添加/编辑编号。在对任何字段进行更改后，我想用这两个数字进行计算。

对于基本的jQuery，这将是一件轻而易举的事情：

var f1 = $(".field-1"), f2 = $(".field-2"), n1, n2, result;
$(".field-1, .field-2").on("keyup", function(){
    n1 = f1.val();
    n2 = f2.val();
    result = n1 / n2;
});

用Bacon.js做同样事情的最好方法是什么？

Answer 1

有了培根，这就更简单了：

function keyupValueStream(el) {
    return $(el).asEventStream("keyup").map(".target.value");
}
Bacon.combineWith(function(n1, n2) { return n1/n2; },
                  keyupValueStream(".field-1"),
                  keyupValueStream(".field-2")
).onValue(function(result) {
     // …
});