在 Angular 5 项目中，lodash 油门或去抖动都有效

Question

我正在尝试在 angular 5 项目中使用 lodash 油门和去抖动功能，但它似乎没有按预期工作。

行为是永远不会执行传递给任何一个函数的函数参数。

例如使用油门，我使用以下方法导入它：

import throttle = require('lodash/throttle');

然后，在任何方法中，我都有以下内容：

throttle(this.testFunction, 100);

我也试过：

throttle(() => {
          this.testFunction();
        }, 1000);

testFunction 只是以下内容：

  public testFunction() {
    console.log('test function!@!!@!');
  }

任何帮助表示赞赏！

Answer 1

throttle不调用函数。它返回一个新函数，该函数在调用时确保您传递给的真正函数throttle最多每 x 次被调用一次：

所以，如果你这样做：

throttle(func, 100);

没发生什么事。你必须这样做：

let throttledFunc = throttle(func, 100);

你必须调用throttledFunc而不是func. throttledFunc将检查您是否在至少 100 毫秒内没有调用该函数

所以，如果你这样做：

setInterval(throttledFunc, 50); // execute every 50 ms.

func 只会每 100 毫秒调用一次，而不是每 50 毫秒调用一次。