Learning and Exploration - function anti shake

When the event is triggered n Seconds before the callback , If in this n It's triggered in seconds , Then the time will be counted again

utils.js

function debounce(fn, delay = 1000) {
	let timer = null;
	return function() {
		if (timer) {
			clearTimeout(timer)
		}
		timer = setTimeout(() => {
			fn.apply(this, arguments);
		}, delay)
	}
}

apply

arguments

arguments Is an array of class objects corresponding to the parameters passed to the function .arguments

Use cases

import utils from "@/common/js/utils.js"

<input type="text" confirm-type="search" class="infoSearch-text" @input="getInputHandle()"
			:placeholder="placeholder" placeholder-style="color:#999" style="color: #fff;" />
getInputHandle: utils.debounce(function(e) {
				let value = e.detail.value;
				this.$emit('input', value)
			}),