| guangchao.xu | 070005a | 2020-12-07 09:56:40 +0800 | [diff] [blame^] | 1 | let timeout = null; |
| 2 | |
| 3 | /** |
| 4 | * 防抖原理：一定时间内，只有最后一次操作，再过wait毫秒后才执行函数 |
| 5 | * |
| 6 | * @param {Function} func 要执行的回调函数 |
| 7 | * @param {Number} wait 延时的时间 |
| 8 | * @param {Boolean} immediate 是否立即执行 |
| 9 | * @return null |
| 10 | */ |
| 11 | function debounce(func, wait = 500, immediate = false) { |
| 12 | // 清除定时器 |
| 13 | if (timeout !== null) clearTimeout(timeout); |
| 14 | // 立即执行，此类情况一般用不到 |
| 15 | if (immediate) { |
| 16 | var callNow = !timeout; |
| 17 | timeout = setTimeout(function() { |
| 18 | timeout = null; |
| 19 | }, wait); |
| 20 | if (callNow) typeof func === 'function' && func(); |
| 21 | } else { |
| 22 | // 设置定时器，当最后一次操作后，timeout不会再被清除，所以在延时wait毫秒后执行func回调方法 |
| 23 | timeout = setTimeout(function() { |
| 24 | typeof func === 'function' && func(); |
| 25 | }, wait); |
| 26 | } |
| 27 | } |
| 28 | |
| 29 | export default debounce |