JavaScript防抖 & 节流的解决办法
内容摘要
这篇文章主要为大家详细介绍了JavaScript防抖 & 节流的简单示例,具有一定的参考价值,可以用来参考一下。
防抖和节流属于高阶技巧,业务中比较多见的场合也就是搜索内容改变提
防抖和节流属于高阶技巧,业务中比较多见的场合也就是搜索内容改变提
文章正文
这篇文章主要为大家详细介绍了JavaScript防抖 & 节流的简单示例,具有一定的参考价值,可以用来参考一下。
防抖和节流属于高阶技巧,业务中比较多见的场合也就是搜索内容改变提示信息。即使不加也也不一定能看出区别,但是加了新手维护代码可能会崇拜你哦。防抖
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);
}
}
节流
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防抖 & 节流的简单示例的内容就先介绍到这里,更多相关文章的可以留意
代码注释