function throttle(fn, wait) {
let old = 0
return function () {
let now = new Date().valueOf()
if (now - old > wait) {
fn()
old = now
}
}
}
function fn() {
console.log(input.value)
}
input.oninput = throttle(fn, 2000)
延时器方式封装,为什么总是会在最后多打印一次,代码如下:
const input = document.querySelector("input")
function throttle(fn, wait) {
let time
return function () {
if (!time) {
time = setTimeout(function () {
time = null
fn()
}, wait)
}
}
}
function fn() {
console.log(input.value)
}
input.oninput = throttle(fn, 2000)
这两个地方真的很费解,不知道为什么有这样的效果
