js中防抖、节流函数如何获取原函数的返回值?

直接上代码

const test1 = () => {
    console.log('test1');
    return 1;
}
const test2 = _.debounce(test1, 100);

test2();// undefined  这里如何获取到 1 ??

// console->test1
阅读 6.7k
2 个回答

debounce后的test是异步调用的你无法获取到他的返回值,不过你可以传一个回调函数获取值

import { debounce } from "lodash-es";

const test = (callback) => {
  console.log("test");
  
  let returnValue = 100
  callback && callback(returnValue);
  
  return returnValue
};

const debouncedTest = debounce(test, 100);

console.log(
  "return",
  debouncedTest((value) => {
    console.log(value);
  })
);

按照你说的返回一个promise

function debounceP(fn, delay=300) {
    let timer = null;
    return function debounce(...args) {
        return new Promise((resolve, reject) => {
            clearTimeout(timer);
            timer = setTimeout(() => {
                try { resolve(fn.apply(this, args))}
                catch(e) {reject(e)}
            }, delay);
        })
    }
}

function test() {
    console.log('test')
    return Date.now();
}

var p = debounceP(test)
p().then(console.log) // 防抖剔除
p().then(console.log) // 防抖剔除
p().then(console.log) // 输出
setTimeout(() => p().then(console.log), 300) // 在防抖延时的300ms之后调用,故输出
已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏