学习探索-函数防抖

函数防抖

      • utils.js
    • apply
    • arguments
    • 使用案例

在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时

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 是一个对应于传递给函数的参数的类数组对象。arguments

使用案例

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


getInputHandle: utils.debounce(function(e) {
				let value = e.detail.value;
				this.$emit('input', value)
			}),

你可能感兴趣的:(学习,JS,学习,javascript,前端)