import { default } from "https://deno.land/x/ayonli_jsext@v0.9.72/debounce.ts";
Creates a debounced function that delays invoking handler until after
delay duration (in milliseconds) have elapsed since the last time the
debounced function was invoked.
If a subsequent call happens within the delay duration (in milliseconds),
the previous call will be canceled and it will result in the same return
value as the new call's.
Optionally, we can provide a reducer function to merge data before
processing so multiple calls can be merged into one.
Examples
Example 1
Example 1
import debounce from "@ayonli/jsext/debounce";
import { sleep } from "@ayonli/jsext/async";
let count = 0;
const fn = debounce((obj: { foo?: string; bar?: string }) => {
count++;
return obj;
}, 1_000);
const [res1, res2] = await Promise.all([
fn({ foo: "hello", bar: "world" }),
sleep(100).then(() => fn({ foo: "hi" })),
]);
console.log(res1); // { foo: "hi" }
console.log(res2); // { foo: "hi" }
console.log(count); // 1
Example 2
Example 2
// with reducer
import debounce from "@ayonli/jsext/debounce";
const fn = debounce((obj: { foo?: string; bar?: string }) => {
return obj;
}, 1_000, (prev, curr) => {
return { ...prev, ...curr };
});
const [res1, res2] = await Promise.all([
fn({ foo: "hello", bar: "world" }),
fn({ foo: "hi" }),
]);
console.log(res1); // { foo: "hi", bar: "world" }
console.assert(res2 === res1);
Examples
Example 1
Example 1
import debounce from "@ayonli/jsext/debounce";
const key = "unique_key"
let count = 0;
const [res1, res2] = await Promise.all([
debounce(async (obj: { foo?: string; bar?: string }) => {
count += 1;
return await Promise.resolve(obj);
}, { delay: 5, for: "foo" }, (prev, data) => {
return { ...prev, ...data };
})({ foo: "hello", bar: "world" }),
debounce(async (obj: { foo?: string; bar?: string }) => {
count += 2;
return await Promise.resolve(obj);
}, { delay: 5, for: "foo" }, (prev, data) => {
return { ...prev, ...data };
})({ foo: "hi" }),
]);
console.log(res1); // { foo: "hi", bar: "world" }
console.assert(res1 === res2);
console.assert(count === 2);