防抖和节流方法和区别

防抖:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。

const debounce = function(fn, wait) {
	let time; 
	return function() {  
		var context = this, args = arguments;
    	time && clearTimeout(time);
    	time = setTimeout(function{
    		//使用apply改变传入的fn方法中的this指向,指向绑定事件的DOM元素。
      		fn.apply(context, args);
    	}, wait)
 	}
}

节流:当持续触发事件时,保证一定时间段内只调用一次事件处理函数

const throttle = (fn, wait) => {
 	let startTime = Date.now();
	return function() {
		var  now = Date.now(), context = this, args = arguments;  
		if (now - startTime >= wait) {
     		fn.apply(context, args);
      		startTime = Date.now();
    	}
  	}
}
上一篇:docker


下一篇:Task 使用详细[基础操作,异步原则,异步函数,异步模式]