如何将lodash的防抖和节流合并成一个长尾词的JavaScript技巧？

本文共计5386个文字，预计阅读时间需要22分钟。

前言：前面已经对防抖和节流有了介绍，本文主要探讨lodash是如何将防抖和节流合并成一个函数的。

初识lodash，深入学习它内部的优秀代码并应用，同时加深对节流防抖的理解。这里会先介绍lodash的基本使用方法。

前言

前面已经对防抖和节流有了介绍，这篇主要看lodash是如何将防抖和节流合并成一个函数的。

初衷是深入lodash，学习它内部的好代码并应用，同时也加深节流防抖的理解。这里会先从防抖开始一步步往后，由简入繁，直到最后实现整个函数。

这里纯粹自己的理解，以及看了很多篇优质文章，希望能加深对节流防抖的理解，如果有不同意见或者看法，欢迎大家评论。

原理

前面虽然已经介绍过防抖和节流原理，这里为了加深印象，再搬过来。

防抖的原理：在wait时间内，持续触发某个事件。第一种情况：如果某个事件触发wait秒内又触发了该事件，就应该以新的事件wait等待时间为准，wait秒后再执行此事件；第二种情况：如果某个事件触发wait秒后，未再触发该事件，则在wait秒后直接执行该事件。

通俗点说：定义wait=3000，持续点击按钮，前后点击间隔都在3秒内，则在最后一次点击按钮后，等待3秒再执行func方法。如果点击完按钮，3秒后未再次点击按钮，则3秒后直接执行func方法。