每次值变化时运行一个方法

Question

我想知道你们中是否有人可以帮助我解决我认为的观察问题。

我有一个元素（更具体地说是 svg），每次某处的值发生更改时我都想更新它。

我有变量： GetThreadTree().treeBoxObject.getFirstVisibleRow() 最初为 0。我想在每次 GetThreadTree().treeBoxObject 的值时运行一个 函数 updateCanvas() 。 getFirstVisibleRow() 发生变化。

我所拥有的是：

canvas.observe(GetThreadTree().treeBoxObject.getFirstVisibleRow(), "scroll", updateCanvas());

但它仅在第一次调用时调用 updateCanvas() 一次，并且由于某种原因不执行其后面的代码。 我检查了错误控制台，什么也没有。

有任何想法吗？

Answer 1

你的逻辑完全错了地方。 当您更新值时，无论什么都需要通过函数在一个地方完成，例如 treeBoxObject.IncrementRow() 或类似的函数。

然后您可以让该函数触发一个事件，例如 onTreeBoxRowIncremented。 该事件是您监听的事件，当该事件发生变化时，您可以进行检查并更新您喜欢的任何内容。

请原谅奇怪的函数名称只是试图使用你所拥有的。

Answer 2

解决这个问题的一种方法是：

var registeredRow = 0;

function checkRow(){
    var row = GetThreadTree().treeBoxObject.getFirstVisibleRow();
    if (registeredRow != row) {
        registeredRow = row;
        updateCanvas();
    }
    window.setTimeout(checkRow, 1);
}

在调用 checkRow 之前：

registeredRow = GetThreadTree().treeBoxObject.getFirstVisibleRow();
checkRow();

但这不是最优雅的解决方案，但它有效；）