微信小程序之按钮短时间内被多次点击问题

做项目的时候碰到这个问题，按钮的功能做好了，但是总会出现按的太快，出现不可预料的问题。

解决方法之一：借助函数节流来实现

1、创建一个工具包（throttle.js）,通过封装一个高阶函数，对函数的执行频率进行限制。：

function throttle(fn, gapTime) {
  let _lastTime = null;
  return function() {
    let _nowTime = +new Date();
    if (_nowTime - _lastTime > gapTime || !_lastTime) {
      fn.apply(this, arguments);
      _lastTime = _nowTime;
    }
  }
}

module.exports = {
  throttle
}

2、在我们的按钮响应函数(handleClick)中使用：

const { throttle } = require('../../utils/throttle.js');

Page({
  handleClick: throttle(function() {
    // 处理点击逻辑
  }, 2000) // 2秒内只执行一次
});

3、完工，去试试效果吧！