vue 函数节流中匿名函数问题

Question

问题
这是原生版函数节流方法：匿名函数

（注： return function(){} 在methods中不能执行）

请问， 怎么将其改成vue版呢？

由于在滚动和中文搜索框中十分常用，请教

贴代码：

created(){
    window.addEventListener('scroll', () => {
        this.debounce()(this._log, 1000);
    }
},
methods: {
    debounce (fn, idle) {
      let setTm;
      console.log('debounce')
      if (!idle || idle <= 0) return fn;
      return function () {
        clearTimeout(setTm);
        setTm = setTimeout(fn.bind(this, ...arguments), idle);
      }
    },
    _log(){
        console.log('_log')
    },
    
}

Answer 1

绑定的方式应该是：

 window.addEventListener('scroll', 
       this.debounce(this._log, 1000));

看下fiddle

Answer 2

var throttle = (fun, wait = 5000) => {
    var last = 0;
    return function () {
        var args = arguments;
        var ctx = this;
        var now = Date.now();
        if (now - last >= wait) {
            last = now;
            return fun.apply(ctx, args);
        }
        console.log(`上一个周期未执行完毕`)
    }
}

export default {
    name: 'VueComponent',
    methods: {
        scroll: throttle(function () {
            //...
        })
    }
}