手写源码---防抖动 & 节流

• 防抖动

function debounce(fn, delay) {
            let timer = null;
            return (...args) => {
                clearTimeout(timer);
                timer = setTimeout(() => {
                    console.log(this, 'debounce.this')
                        // fn(args)
                        // 用意：为了fn函数中this指向debounce
                    fn.apply(this, args)
                }, delay);
            };
        };
// test bind的this指向
        function fn() {
           console.log(this, 'fn.this')
        }
        let testObjdebounce2 = new Object()
        testObjdebounce2.debounce = debounce

        let testObjFn2 = new Object()
        testObjFn2.fn = fn
        testObjdebounce2.debounce(fn, 1000)()

• 节流

 function throttle(fn, delay = 500) {
            let flag = true
            return (...args) => {
                if (!flag) return
                setTimout(() => {
                    fn.apply(this, args)
                    flag = true
                }, delay)
            }
        }