32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
|
let timer: ReturnType<typeof setTimeout> | undefined;
|
|||
|
|
let flag: boolean | undefined;
|
|||
|
|
/**
|
|||
|
|
* 节流原理：在一定时间内，只能触发一次
|
|||
|
|
* @param func 要执行的回调函数
|
|||
|
|
* @param wait 延时的时间，单位ms，默认500
|
|||
|
|
* @param immediate 是否立即执行，默认true
|
|||
|
|
* @returns void
|
|||
|
|
*/
|
|||
|
|
function throttle(func: () => void, wait: number = 500, immediate: boolean = true): void {
|
|||
|
|
if (immediate) {
|
|||
|
|
if (!flag) {
|
|||
|
|
flag = true;
|
|||
|
|
// 如果是立即执行，则在wait毫秒内开始时执行
|
|||
|
|
typeof func === 'function' && func();
|
|||
|
|
timer = setTimeout(() => {
|
|||
|
|
flag = false;
|
|||
|
|
}, wait);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (!flag) {
|
|||
|
|
flag = true;
|
|||
|
|
// 如果是非立即执行，则在wait毫秒内的结束处执行
|
|||
|
|
timer = setTimeout(() => {
|
|||
|
|
flag = false;
|
|||
|
|
typeof func === 'function' && func();
|
|||
|
|
}, wait);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
export default throttle;
|