小编pkt*_*pkt的帖子

我正在尝试设置一个简单游戏的更新循环，并考虑到可观察性。顶层组件是一个模型，它接受输入命令并产生更新；和一个视图，它显示接收到的更新，并产生输入。孤立地看，两者都可以正常工作，有问题的部分是将两者放在一起，因为两者都依赖于另一个。

将组件简化为以下内容：

var view = function (updates) {
  return Rx.Observable.fromArray([1,2,3]);
};
var model = function (inputs) {
  return inputs.map(function (i) { return i * 10; });
};

我把事情联系在一起的方式是这样的：

var inputBuffer = new Rx.Subject();
var updates = model(inputBuffer);
var inputs = view(updates);
updates.subscribe(
    function (i) { console.log(i); },
    function (e) { console.log("Error: " + e); },
    function () { console.log("Completed"); }
);
inputs.subscribe(inputBuffer);

也就是说，我添加了一个主题作为输入流的占位符，并将模型附加到该主题上。然后，在构建视图之后，我将实际输入传递给占位符主题，从而关闭循环。

然而，我不禁感到这不是正确的做事方式。为此使用主题似乎有点矫枉过正。有没有办法用 publish() 或 defer() 或类似的方法做同样的事情？

更新：这是一个不太抽象的例子来说明我遇到的问题。下面你会看到一个简单的“游戏”的代码，玩家需要点击一个目标来击中它。目标可以出现在左侧或右侧，每当它被击中时，它就会切换到另一侧。看起来很简单，但我仍然觉得我错过了一些东西......

//-- Helper methods and whatnot
// …