带 args 下划线的去抖动功能

Question

我有一个接受一些参数的函数。但是下划线去抖动的用法是：

var lazyLayout = _.debounce(calculateLayout, 300);

但就我而言，calculateLayout 需要一些参数才能运行。在这种情况下我怎样才能通过它们？

更新：

示例calculateLayout 函数：

var calculateLayout = function(a,b) {
  console.log('a is ' + a + ' and b is ' + b);
}

Answer 1

你应该可以只使用一个匿名函数作为第一个参数，然后在其中调用你喜欢的任何东西：

_.debounce(function(){
    calculateLayout(20, 30);
}, 300);

Answer 2

@Jamie 的回答更好。

我将保留我的原始答案如下，但如果您熟悉 JS，最好使用 Jamie 的答案：

var calculateLayout = function(a,b) {
  console.log('a is ' + a + ' and b is ' + b);
}

var debounceCalculate = _.debounce(function(a, b){
    calculateLayout(a, b);
}, 300);

debounceCalculate(1, 2);

Answer 3

中间不需要匿名函数，运行去抖动版本时，参数会自动传递给原始函数。

  var debounceCalculate = _.debounce(calculateLayout, 300);
  debounceCalculate(a,b);

作为一个优势，您不必提前硬编码绑定参数

您可以尝试一下，如果好奇，请查看source

Answer 4

由于没有人在没有额外的var 和function 的情况下编写一个班轮，我会自己做：

_.debounce(calculateLayout, 300)(a, b);

Debounce 函数返回另一个函数，因此您可以在 debounce 执行后调用它。