js防抖和节流

防抖和节流的作?都是防?函数多次调?。防抖动是将多次执?变为最后?次执?,节流 是将多次执?变成每隔?段时间执?。假设?个?户?直触发这个函 数,且每次触发函数的间隔?于 wait ,防抖的情况下只会调??次,?节流的 情况会每 隔?定时间(参数 wait )调?函数

防抖

function debounce(wait, fun) {
                var timer = null;
                return function () {
                    if (timer) {
                        clearTimeout(timer)
                    }
                    timer = setTimeout(() => { fun() }, wait)
                }

            }

节流

function throttle(wait, fun) {
                var valid = true;
                return function () {
                    if (valid) {
                        valid = false;
                        setTimeout(() => { valid = true }, wait);
                        fun()
                    }
                }
            }

js防抖和节流

上一篇:CSS3中的子元素选择器


下一篇:Rxjs学习,结合angular(搁置,后续还会添加)