javascript - 通过 Bacon.js 使用多个事件流值

Question

我有一个表单，当前有 2 个输入(数量将会增加)，用户可以在其中添加/编辑数字。更改任何字段后，我想用这两个数字进行计算。

使用基本的 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) {
     // …
});