lodash 不能作为内部函数工作

Question

我有这个 javascript 事件监听器（因为 $(document).on('scroll...); 只是我们的权限不起作用）：

document.addEventListener("wheel", function() {}, true);

我现在有一些我想做的事情，每次触发侦听器时我都想用lodash 在特定时间触发一些繁重的事情。为了测试，我做得很简单：

_.debounce(function() {
    console.log("triggered");
}, 200);

问题/问题是当我像这样将它放在单独的事件监听器中时它可以工作..

document.addEventListener("wheel", _.debounce(function() {
    "use strict";
    console.log("triggered");
}, 200), true);

..但是当我把它和其余的作为这样的嵌套函数放在另一个中时..

document.addEventListener("wheel", function() {
    "use strict";

    //other code that fires every time the listener is triggered

    _.debounce(function() {
        console.log("triggered");
    }, 200);    
}, true);

..它根本不起作用。我感谢每一个想法和帮助！提前致谢！

Answer 1

_.debounce 创建一个去抖函数，但默认情况下不执行它或将它绑定到任何东西； _.debounce 是一个高阶函数，因此当您调用它时，它会返回您想要作为参数传递给侦听器的函数。因此，当您在最后一个 sn-p 中的匿名侦听器函数中声明它时，它不起作用。

如果您想附加没有像那样去抖动的东西，只需单独添加：

document.addEventListener("wheel", _.debounce(function() {
    "use strict";
    console.log("triggered");
}, 200), true);
document.addEventListener("wheel", () => {
  // other code that fires every time the listener is triggered
});

Answer 2

这是@CertainPerformance 使用 1 个事件的示例。

const doBounced = _.debounce(function(v) {
  console.log(v);
}, 200);


document.addEventListener("wheel", function() {
  const n = new Date();
  console.log("triggered");
  doBounced(n);
}, true);

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