防抖、节流

最新推荐文章于 2024-09-07 13:38:28 发布

花儿会跳舞吗

最新推荐文章于 2024-09-07 13:38:28 发布

阅读量136

点赞数

本文链接：https://blog.csdn.net/m0_64399627/article/details/127106283

版权

JavaScript 防抖节流函数封装性能优化

关键词由CSDN通过智能技术生成

封装

let timer = null    //防抖
export function debounce(fn, delay) {
    return (function (...args) {
        clearTimeout(timer)
        timer = setTimeout(() => {
            fn.apply(this, args)
        }, delay)
    })()
}
let last = 0 // 节流
export function throttle(fn, delay) {
    return (function (...args) {
        const now = Date.now()
        if (now - last > delay) {
            last = now
            fn.apply(this, args)
        }
    })()
}

使用

    wrr() {
      debounce(() => {
        console.log(555);
      }, 1000);
    },
    xss() {
      throttle(() => {
        console.log(666);
      }, 1000);
    },