javascript - Bacon.js 中的惰性求值是什么？

Question

我无法理解什么是 Bacon.js 中的惰性求值。

我使用 map 和 flatMap 编写了 Bacon 提供的示例，我得到了相同的结果。

这是HTML

<input id="itemname" type="text" />
<input id="additem" type="button" value="Add Item" />
<input id="purchase" type="button" value="Purchase" />

这是使用 map 的代码的JS

var items = $("#additem").asEventStream("click").map(function(e){
    console.log("Executing");
    return document.getElementById("itemname").value;
}).toProperty();

var submittedItems = items.sampledBy($("#purchase").asEventStream("click"));

这是使用 flatMap 的 JS 代码

var items = $("#additem").asEventStream("click").flatMap(function(e){
    console.log("Executing");
    return document.getElementById("itemname").value;
}).toProperty();

var submittedItems = items.sampledBy($("#purchase").asEventStream("click"));

对于这两个版本的 JS，即使我点击按钮也没有任何记录。根据文档，第二个应该在控制台上输出“正在执行”消息。

如果我使用 onValue 附加一个订阅者，这两个代码都有效。

请帮我理解哪里出了问题？

Answer 1

当您创建基于另一个流的流时，例如通过调用 stream.sampledBy(...)，不会订阅原始 流。无论您将多少个 create-stream-from-stream 函数链接在一起。所以 $("#additem").asEventStream("click") 不会导致订阅，.map(...) 或 也不会。 toProperty();.

只有当调用被特别记录为订阅流时，才会进行实际订阅。它们在此处的“EventStreams 和属性中的常用方法”下列出:https://baconjs.github.io/api.html - 即 subscribe()、onValue()、onValues()、onError() 和 onEnd ()。如果您不关心事件，您可以只使用 submittedItems.onEnd(function(){});，因为您的流永远不会结束，所以它实际上不会被调用。