【javascript】手写一个节流函数

什么是节流（throttle）当持续触发事件时，保证一定时间段内只调用一次事件处理函数。节流通俗解释就比如我们水龙头放水，阀门一打开，水哗哗的往下流，秉着勤俭节约的优良传统美德，我们要把水龙头关小点，最好是如我们心意按照一定规律在某个时间间隔内一滴一滴的往下滴。<button class="test" onclick="show()">点击</button>// 节流let

土生土长的IU

598人浏览 · 2021-10-29 08:42:06

土生土长的IU · 2021-10-29 08:42:06 发布

什么是节流（throttle）

当持续触发事件时，保证一定时间段内只调用一次事件处理函数。节流通俗解释就比如我们水龙头放水，阀门一打开，水哗哗的往下流，秉着勤俭节约的优良传统美德，我们要把水龙头关小点，最好是如我们心意按照一定规律在某个时间间隔内一滴一滴的往下滴。

	<button class="test" onclick="show()">点击</button>

		// 节流
		let timer = 0; //标识
		function show() {	
			if (timer) return;
			console.log('执行一次')
			timer = 1;
			setTimeout(() => {
				timer = 0;
			}, 1000);	
		}