关于性能优化之节流和防抖

最新推荐文章于 2023-10-06 23:56:19 发布

伤水者王

最新推荐文章于 2023-10-06 23:56:19 发布

阅读量99

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/qq_39748940/article/details/108195211

版权

前端学习专栏收录该内容

12 篇文章 1 订阅

订阅专栏

1.节流

throttling(func, delay){
	//设置定时器开关
	let timer = null

	//返回节流函数
	return function(...args){
	//在节流期内再次触发，不会执行函数
		if(timer) return
		timer = setTimeout(() => {
			func.apply(this,...args)

		},delay)

	}

}

2.防抖

debounce(func, delay){
	//设置定时器开关
	let timer = null

	//返回防抖函数
	return function(...args){
	//在防抖期内再次触发，重新计时
		if(timer) clearTimeout(timer)

		timer = setTimeout(() => {
			func.apply(this,...args)

		},delay)

	}

}