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

Javascript 在Bacon.js中使用多个事件流值,javascript,bacon.js,Javascript,Bacon.js,我有一个表单,当前有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;

我有一个表单,当前有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做同样的事情最好的方法是什么?

用Bacon,这更简单:

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) {
     // …
});

那么,
结果会发生什么变化?为什么它是一个全局变量?哦,那只是伪代码。