微信小程序防止多次点击

小程序多次点击出现的情况

在使用小程序的时候会出现这样一种情况：当网络条件差或卡顿的情况下，使用者会认为点击无效而进行多次点击，最后出现多次跳转页面的情况或者同一函数多次执行

解决

通过函数节流(throttle)：函数在一段时间内多次触发只会执行第一次，在这段时间结束前，不管触发多少次也不会执行函数。

/utils/util.js:

//函数节流
function throttle(fn, gapTime) {
    if (gapTime == null || gapTime == undefined) {
        gapTime = 1500
    }
    let _lastTime = null
    // 返回新的函数
    return function () {
        let _nowTime = + new Date()
        if (_nowTime - _lastTime > gapTime || !_lastTime) {
            fn.apply(this, arguments)   //将this和参数传给原函数
            _lastTime = _nowTime
        }
    }
}

module.exports = {
    throttle:throttle
}

app.js :

import utils from './utils/util.js';

/index/index.js :

createOrder: utils.throttle(function () {
	// 这里写你要进行的操作
  }, 4000)

在这4秒内你键盘敲烂了也执行一次