vue3 定义防抖函数

通过这样的代码实现，当用户点击按钮时，​testDebounce​函数会被调用，但实际上真正执行点赞操作的函数 ​addLike​会被延迟执行。如果在500毫秒内再次调用 ​testDebounce​函数，延迟时间会重新计算，从而达到防止用户频繁点击的目的。这样可以避免过多的点赞请求发送到服务器。

 无参：

import { debounce } from 'lodash-es';
const executeFn = () => {
    // 执行函数的逻辑
}
/**
* @ 使用debounce 生成一个防抖函数 testDebounce 
* @ executeFn 需要被执行的函数
* @ 500 时间
*/
const testDebounce = debounce(executeFn, 500)

有参 ：

import { debounce } from 'lodash-es';

const executeFn = (param) => {
	// 执行函数的逻辑，可以使用传入的参数param
	console.log(param);
}

/**
* @ 使用debounce 生成一个防抖函数 testDebounce 
* @ executeFn 需要被执行的函数
* @ 500 时间
*/
const testDebounce = debounce((param) => {
	executeFn(param);
}, 500);

<button @click="() => testDebounce('传入参数')">点击按钮</button>

原文链接：https://blog.csdn.net/qq_38184425/article/details/123684470