javascript - 使用 _.memoize() 和 _.debounce()

Question

我想为每次调用特定页面时对呈现函数进行去抖动 - 呈现不同的页面会分别进行去抖动。 memoize 函数应该可以解决问题，但它无法正常工作。

var renderPage_underscore = function(pageNo){
  var debouncer = _.memoize(
    // memoize function
    _.debounce(
      // debounced function
      function () {
        // Do renderPage() work here
        document.getElementById("underscore").innerHTML += 
            '<br />' + pageNo + '@' +   new Date().getTime();
      },
      1000, // delay
      true
    ),
    // memoize hash function
    function (pageNo) {
        return pageNo;
    }
  );
  return debouncer(pageNo);
}; 

有什么想法吗？ http://jsfiddle.net/Zq8Wd/1/

Answer 1

以这种方式使用 _.memoize() 的问题是它缓存了返回值，而不是副作用。如果你想使用 _.memoize() 来解决这个问题，你可能必须这样做:

rp = _.memoize(function (pageNo) {
    return _.debounce(function () {
        document.getElementById("underscore").innerHTML +=
            '<br />' + pageNo + '@' + new Date().getTime();
    }, 1000, true);
});

rp(1)();
rp(2)();

已更新 JSFiddle .