函数的防抖和节流
防抖: 设置延时器,短时间高频率触发只有最后一次触发成功
var foo = 'bar'; var btn = document.getElementById('btn')
var timer = null
btn.onclick = function () {
clearTimeout(timer)
timer = setTimeout(function () {
console.log('点击了');
}, 1000)
}
节流: 设置状态锁,短时间高频率触发只有第一次触发成功
var key = false
btn.onclick = function () {
// if (key == false) {
if (!key) {
console.log('点击了');
key = true
setTimeout(function () {
key = false
}, 1000)
}
}