本文目录一览：
JS中节流和防抖函数的实现和区别
节流概念(Throttle)按照设定的时间固定执行一次函数，比如200ms一次。注意：固定就是你在mousemove过程中，执行这个节流函数，它一定是200ms（你设定的定时器延迟时间）内执行一次。没到200ms，一定会返回，没有执行回调函数的。
第二种实现方式的思路与第一种稍有差别：设置一个间隔时间，比如50毫秒，以此时间为基准稳定分隔事件触发情况，也就是说100毫秒内连续触发多次事件，也只会按照50毫秒一次稳定分隔执行。
防抖和节流的作用都是防止函数多次调用。区别在于，假设一个用户一直触发这个函数，且每次触发函数的间隔小于wait，防抖的情况下只会调用一次，而节流的情况会每隔一定时间（参数wait）调用函数。
JavaScript中防抖的延时函数
1、返回： (Function)： 返回新的 debounced （防抖动）函数。例子：节流 ：使得一定时间内只触发一次函数。原理是通过判断是否有延迟调用函数未执行。 防抖 ：将多次操作合并为一次操作进行。-js防止抖动
2、两者的区别： 防抖函数：在一定时间内执行一个方法多次，只执行最后一次。因为在事件触发会先清理timer，如果时间间隔不到则会被清理掉，只有你的间隔到了之后才会执行，因此前面的函数都会被清理掉。
3、在JavaScript中，可以通过setTimeout来实现函数节流。 如何在JavaScript中实现函数防抖？在JavaScript中，可以通过setTimeout来实现函数防抖。
4、节流概念(Throttle)按照设定的时间固定执行一次函数，比如200ms一次。注意：固定就是你在mousemove过程中，执行这个节流函数，它一定是200ms（你设定的定时器延迟时间）内执行一次。没到200ms，一定会返回，没有执行回调函数的。-js防止抖动
js防抖函数的使用
1、debounce是指当函数被触发时，如果没有到我们设定的时间，函数不会执行，如果在设定时间之前多次触发，那么计时器会被重设，直到最后一次触发后过了设定的时间，函数才会真正执行。
2、两者的区别： 防抖函数：在一定时间内执行一个方法多次，只执行最后一次。因为在事件触发会先清理timer，如果时间间隔不到则会被清理掉，只有你的间隔到了之后才会执行，因此前面的函数都会被清理掉。
3、js防抖可以让被调用的函数在连续高频操作过程中只调用一次，使用场景：有oninput， onmousemove， onscroll， onresize等事件。
4、Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。其中就封装好了节流函数 throttle 和防抖函数 debounce 。参数：返回： (Function)： 返回 节流 的函数。-js防止抖动
5、apply(参数1， 参数2)方法是作用之一是改变函数的作用域， 传递两个参数， 其中参数1表示要执行的上下文(作用域)， 参数2表示传递给函数的运行参数。
6、在进行窗口的resize、scroll，输入框内容校验，防止按钮重复点击等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，体验糟糕。
js防抖节流应用场景及写法
1、search搜索联想，用户在不断输入值时，用防抖来节约ajax请求。
2、应用场景： input输入信息进行搜索，如果每敲一个字符就请求后台接口，给后台的压力太大了，所以做好防抖，即让程序只执行最后一次的事件。
3、这样的场景，就适合用节流技术来实现。Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。其中就封装好了节流函数 throttle 和防抖函数 debounce 。参数：返回： (Function)： 返回 节流 的函数。-js防止抖动
4、节流（2种方式setTimeout 或者 new Date()）//防抖比节流严格，防抖在一定时间操作后只执行一次。
5、所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间，简而言之，防抖就类似回城，打断就得重新回。
【js】简单理解节流与防抖,搜索框的场景
所以就有了防抖和节流这两个技术。是指在某段时间内，不管你触发了多少次回调事件，我都只认第一次，并在计时结束时给予响应，至于后面你再触发多少次回调我都不会予以回应。
应用场景： input输入信息进行搜索，如果每敲一个字符就请求后台接口，给后台的压力太大了，所以做好防抖，即让程序只执行最后一次的事件。
search搜索联想，用户在不断输入值时，用防抖来节约ajax请求。
