搜索框的防抖和节流

// 防抖闭包函数

    // const fangdou = (() => {

    //    let  timeId = ''

    //    return (val) => {

    //        clearTimeout(timeId)

    //        timeId = setTimeout(() => {

    //            console.log(val)

    //        }, 1000)

    //    }


    // })()

    //

    // 防抖函数不用闭包  污染全局变量

    let timeId = ''

    const fangdou = (val) => {

        clearTimeout(timeId)

        timeId = setTimeout(() => {

            console.log(val)

        }, 1000)

    }

    // 节流

    let pass = false;

    const jieliu = (val) => {

        if (pass) {

            return

        }

        pass = true

        setTimeout(() => {

            console.log(val)

            pass = false

        }, 1000)

    }

————————————————

版权声明:本文为CSDN博主「上头upup」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/qq_45802159/article/details/105055453

你可能感兴趣的:(搜索框的防抖和节流)