javascript - lodash.throttle - 未调用 throttle 方法？

Question

我有一个事件监听器，我正在尝试用 lodash.throttle 包装它:

import throttle from "lodash.throttle"

const throttledHandleResize = () => { 

    return(throttle(() => {
        console.log("resizing...");
    }, 200));
};

window.addEventListener("resize", throttledHandleResize);

控制台不记录我的字符串。如果我不尝试用 throttle 包装它，该方法就会起作用。

任何帮助将不胜感激!

Answer 1

您正在创建一个返回受限函数的函数。每次发生resize时，您都会创建一个新限制函数。只需使用 throttle 功能即可:

import throttle from "lodash.throttle"

const throttledHandleResize = throttle(() => {
        console.log("resizing...");
    }, 200);

window.addEventListener("resize", throttledHandleResize);