JavaScript防抖和节流的代码案例
内容摘要
这篇文章主要为大家详细介绍了JavaScript防抖节流的简单示例,具有一定的参考价值,可以用来参考一下。
文章正文
这篇文章主要为大家详细介绍了JavaScript防抖和节流的简单示例,可以用来参考一下。
防抖和节流属于高阶技巧,业务中比较多见的场合也就是搜索内容改变提示信息。1、防抖
function debounce(func, wait) {
let timeout;
return function () {
let context = this;
let args = arguments;
if (timeout) clearTimeout(timeout);
timeout = setTimeout(() => {
func.apply(context, args)
}, wait);
}
}
2、节流
function throttle(func, wait) {
let previous = 0;
return function() {
let now = Date.now();
let context = this;
let args = arguments;
if (now - previous > wait) {
func.apply(context, args);
previous = now;
}
}
}
注:关于JavaScript防抖和节流的简单示例的内容就先介绍到这里
代码注释