Czytając ten artykuł naktkąłem się na fragment, który zapobiega zbyt częstemu wywoływaniu funkcji w ramach obsług zdarzenia "resize". Chodzi o ten fragment:
const debounce = (func) => {
let timer
return (event) => {
if (timer) { clearTimeout(timer) }
timer = setTimeout(func, 100, event)
console.log(event)
}
}
const canvas = {};
window.addEventListener('resize', debounce(() => {
canvas.width = window.innerWidth
canvas.height = window.innerHeight
}))
Czy ktoś może wytłumaczyć:
- Po co w linii timer = setTimeout(func, 100, event) ten trzeci parametr **event ** ?
- Skąd console.log(event) wie, że ten event to "resize" ?