关于javascript:面试必问题JS防抖与节流

20次阅读

共计 466 个字符，预计需要花费 2 分钟才能阅读完成。

防抖与节流堪称是面试常见，其实很好了解，上面带你分分钟理解防抖与节流的根本思维与写法~

在这之前，比方咱们先定义一个按钮，并绑定一个点击事件，执行要触发的事件：

<!-- 定义一个按钮 -->
<input type="button" id="btn" value="按钮" />

<script>
// 获取标签
  var btn = document.getElementById("btn");
// 绑定事件  
  btn.addEventListener("click", real);
// 要触发的事件
  function real(e) {console.log("北极光之夜。");
    console.log(e);
  }
</script>

执行如下：

能够发现，始终点击会始终触发事件，如果这个事件为发送一个申请，那么这对与服务器来说是很不敌对的。同样的申请因为用户的屡次点击而屡次发送申请，返回的后果和只点击一次是一样的，大大减轻服务器压力和影响性能。所以，咱们引入防抖的概念，简略来说，防抖就是通过 setTimeout 的形式，在肯定的工夫距离内，将屡次触发变成一次触发。

正文完