Vue中封装使用防抖函数

一、封装防抖函数

debounce(fn, time) {let timer = null;return function(...args) {let _this = this;if(timer) {clearTimeout(timer);}timerv = setTimeout(() => {fn.apply(_this, args);}, time)}}

二、在函数中进行调用

this.debounce(() => {console.log('hello world');}, 1000)();

三、注意点

当调用debounce函数后，为了使其能够更快的执行相关的函数，需要让其立即进行执行。因为debounce函数返回的是一个函数，其是一个闭包，为了使debounce函数中所传递的函数能够进行执行，需要立即执行它，即执行它所返回的函数。