Lodash Debounce 不去抖动

Question

我正在尝试debounce a function using Lodash，虽然它正在调用该函数，但它似乎根本没有去抖动它。我的问题似乎与我在其他地方看到的 on SO 或 Google 的错误不同（通常，他们没有调用 _.debounce 返回的函数）。

我目前的超简单实现如下（在 Angular 和 CoffeeScript 中）：

  s.search = -> _.debounce( s._makeSearchRequest, 1000 )()

  s._makeSearchRequest = -> console.log("making search request")

在 JS 中，我认为是：

  s.search = function() { _.debounce( s._makeSearchRequest, 1000 )() }

  s._makeSearchRequest = function() { console.log("making search request") }

我通过在输入框中输入来运行s.search()，如果我很快输入胡言乱语，控制台会在每次按键时打印出“发出搜索请求”，每秒多次 - 表明它没有被完全消除了。

任何想法我做错了什么？

Answer 1

_.debounce 创建一个函数，该函数对传递给它的函数进行去抖动。你的s.search 函数正在做的是每次调用s.search 时再次调用_.debounce。这每次都会创建一个全新的函数，所以没有什么可以去抖动。

因此解决方案是删除箭头和多余的一对括号，并确保在访问之前定义了s._makeSearchRequest：

s._makeSearchRequest = -> console.log("making search request")

s.search = _.debounce( s._makeSearchRequest, 1000 )

示例（使用 JavaScript）：

var s;

s = {};

s._makeSearchRequest = function(q) {
  return console.log("making search request: " + q);
};

s.search = _.debounce(s._makeSearchRequest, 1000);

// call s.search three times in a row
s.search(1);
s.search(2);
s.search(3);

// call s.search after 500 ms
setTimeout(s.search, 500, 4);

// call s.search after 3 seconds
setTimeout(s.search, 3000, 5);

// timer to show passage of time
var i = 0;
var t = setInterval(function () {
    i += 1;
    console.log(i + " seconds elapsed");
    if (i > 5) { clearInterval(t); }
}, 1000);

<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/3.5.0/lodash.min.js"></script>

Answer 2

试试这个：

s._makeSearchRequest = function() {
    console.log("making search request");
}

s.search = _.debounce( s._makeSearchRequest, 1000 );

POC：http://jsfiddle.net/bvaughn/3saj6znk/