在项目开发过程中经常遇到在input的change事件中发起请求，将用户最新输入的字符作为data传给后台，但是如果用户的输入频率过高，或者用户输入的字符还未拼成一个完整的字词，这时候发起请求会浪费网络资源，使页面卡顿。
这时候我们就用到了函数去抖（debounce）和函数节流（throttle），首先来看一下概念:
1,函数去抖(又称防抖)
在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。
未优化前代码demo:
<input id="debounceTest" /> <script> function ajax(value) { console.log(value+'-----------发起ajax请求') } let inputa = document.getElementById('debounceTest') inputa.addEventListener('keyup', function (e) { ajax(e.target.value) }) </script>