防抖函数的运用

时间：2019-07-13 16:18:22 阅读：89 评论：0 收藏：0 [点我收藏+]

发过程中有要求做一个搜索框，在input输入框输入了文字之后就调一次接口，当用户输入过快就会疯狂调接口，很多接口返回数据后台并不是有用，因此使用了防抖函数。代码如下

函数debounce

export function debounce(fn, delay) {

let delays = delay || 500;

let timer;

return function () {

let th = this;

let args = arguments;

if (timer) {

clearTimeout(timer);

}

timer = setTimeout(function () {

timer = null;

fn.apply(th, args);

}, delays);

};

}

使用

import { debounce } from "@/common/js/debounce.js";

onSearch: debounce(function() {

//节流

let params = {

};

getProjectManagerList(params).then(res => {

let data = res.data.....

}

});

}, 1000),

原文：https://www.cnblogs.com/dmwcq/p/11180842.html

踩

(0)

评论一句话评论（0）

分享档案

更多>