                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /JS實(shí)現(xiàn)京東無(wú)延遲菜單效果

為什么這樣寫(xiě)debounce就會(huì)執(zhí)行最后一次mouseenter

if (timer) {

clearTimeout(timer)

}

...

timer = null

...

SmallSunnyFox

2019-03-18

源自：JS實(shí)現(xiàn)京東無(wú)延遲菜單效果 4-1

關(guān)注問(wèn)題我要回答

1362

操作

收起

1 回答

啦啦惟
2019-07-26

其實(shí)就是判斷在定時(shí)器延遲時(shí)間內(nèi)定義的事件如果再次被觸發(fā)就清除掉上一次定時(shí)器再重新定義一個(gè)計(jì)時(shí)器。
結(jié)尾timer=null是為了把延遲事件執(zhí)行結(jié)束后清空timer變量,它并不影響if里面的判斷,因?yàn)槟阍谘舆t時(shí)間內(nèi)觸發(fā)
事件時(shí)定時(shí)器的代碼還沒(méi)有被執(zhí)行。也就是說(shuō)之前定義timer仍然為不為null。只有在執(zhí)行過(guò)后它才是null。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

為了前端

在清楚timer之前用conso.log（）打印timer，觸發(fā)事件會(huì)發(fā)現(xiàn)timer從undefined 變?yōu)閚ull .變?yōu)榭焖倩狡渌鹟i時(shí)，會(huì)從null變?yōu)閿?shù)字 1 2 3 4 5等連續(xù)下去。請(qǐng)問(wèn)這個(gè)數(shù)字代表什么呢？