微信小程序防抖

函数防抖的说明：

（1） 第一次触发函数时，定义了一个定时器。在 n秒后执行。

（2） 然后 函数第二次触发的时候，由于闭包的特性，这时候的 timer已经是第一次触发时的 定时器的标识了。然后直接清除第一次的setTimeout，这时候第一次的setTimeout里面的内容就不会执行了。然后再定义第二次的setTimeout。

（3） 然后重复第二个步骤，一直清除，又一直设置。直到函数最后一次触发，定义了最后的一个定时器，并且间隔 n秒 执行。

（4） 如果在 最后一个定时器没执行时，函数又触发了，那么又重复第三步。相当于 设置的间隔时间，只是延迟函数执行的时间，而不是间隔多少秒再执行。

index.wxml：

<button bindtap="gotoUnlock">点击</button>

单独封装一个方法

tools.js：

function debounce(fn, interval) {

    var timer;

    var gapTime = interval || 1000;//间隔时间，如果interval不传，则默认1000ms

    return function() {

      clearTimeout(timer);

      var context = this;

      var args = arguments;//保存此处的arguments，因为setTimeout是全局的，arguments不是防抖函数需要的。

      timer = setTimeout(function() {

        fn.call(context,args);

      }, gapTime);

    };

  }

  export default {

    debounce

  };

index.js:

在要用的方法中调用

先引入： import tool from "../../tool/tools";

 gotoUnlock: tool.debounce(function() {

        this.click();

     }),

     click:function(){

        console.log('别摸我')

     },