Lodash节流和防抖总结

Lodash节流和防抖总结

内容

在开发中常常会遇到函数的连续触发和高频次触发的情况。解决这些问题使用防抖和节流是最好不过的了。Lodash可以帮助我们实现。

lodash安装命令

npm install --save lodash

lodash.js文件下载地址： https://www.bootcdn.cn/lodash.js/

防抖：前面所有的触发都被取消，最后一次执行在规定时间之后才会触发，也就是说如果连续快速的触发只会执行一次。防止多次触发同一个事件。

input.oninput=_.debounce(function () {
        console.log('ajax发请求') //一秒后发请求
    },1000)

节流：在规定的时间间隔不会重复触发回调，只有在大于这个时间间隔才会触发回调，把频繁的触发变为少量触发。控制高频触发的次数。

//  节流后一秒执行一次
    button.onclick=_.throttle(function () {
        count++;
        span.innerHTML=count;
    },1000)