故心故心故心故心小故冲啊
防抖
原理：事件回调函数（doSomething）在一段时间（300毫秒）后才执行， 如果在这段时间内再次调用则重新从0开始计算到300毫秒的时间， 当预定的时间内没有再次调用该函数，则执行事件回调函数（doSomething）
function myDebounce(fn, time = 1000) {
var timeout = null; return function () {
//每次进来先清除 clearTimeout(timeout); timeout = setTimeout(() => {
console.log(this, arguments); fn.apply(this, arguments); }, time) } } 节流
单位时间内连续触发，但是只会执行一次，比如事件在300秒内不断触发点击事件，那么只会执行一次，到下一个300s开始计时的时候，就会在下一个300s内再执行一次；也就是说600s连续触发事件但是只会执行2次。（原理让我们知道需要一个标志位）
function myThrottle(fn, time = 1000){
//需要一个标志 var flag = true; return function(){
if(!flag){
return; }else{
flag = false; setInterval(()=>{
//当函数执行后 fn.apply(this,arguments); flag = true; },time) } } } 总结
防抖：短时间内多次触发，最终在停止触发后的某个指定时间执行一次函数————只执行一次
节流：短时间内多次触发，即使触发仍在继续也可以根据指定时间触发一次函数————至少执行一次
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/202184.html原文链接：https://javaforall.net
