手写防抖和防抖的简单使用
这个例子帮助你理解防抖
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="one" oninput="fn(1000)">
<script>
let one = document.getElementById('one')
let timer
function fn(time) {
clearTimeout(timer)
timer = setTimeout(() => {
console.log(one.value)
}, time);
}
</script>
</body>
</html>
防抖函数的封装
function debounce (fn, wait) {
let timer = null
return function () {
if (timer !== null) clearTimeout(timer)
timer = setTimeout(fn,wait)
}
}
我还有头发我还能学,加油,骚年