首頁猿問求大佬指點(diǎn)哈！簡(jiǎn)單防抖代碼沒看懂？

求大佬指點(diǎn)哈！簡(jiǎn)單防抖代碼沒看懂？

JavaScript

溫溫醬 2019-08-09 23:30:19

functiondebounce(fn,wait){vartimeout=null;returnfunction(){if(timeout!==null)clearTimeout(timeout)timeout=setTimeout(fn,wait)}}//處理函數(shù)functionhandle(){console.log(Math.random())}//滾動(dòng)事件window.addEventListener('scroll',debounce(handle,2000));第一個(gè)疑問debounce里面return后接的函數(shù)可以不帶函數(shù)名嗎？第二個(gè)疑問這個(gè)函數(shù)在這段代碼里面會(huì)執(zhí)行嗎，return只是返回了一個(gè)定時(shí)器函數(shù)，可是還沒有調(diào)用它呢？原文鏈接https://zhuanlan.zhihu.com/p/...

查看完整描述

2 回答

翻翻過去那場(chǎng)雪

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊

首先第一個(gè)問題...不帶函數(shù)名無所謂,因?yàn)榫退阌心阋灿貌簧?執(zhí)行之后只是把函數(shù)返回供你下一次直接調(diào)用...第二個(gè)問題確實(shí)沒調(diào)用但是你在滾動(dòng)的時(shí)候觸發(fā)的本身應(yīng)該是個(gè)function現(xiàn)在是個(gè)debounce(handle,2000)這時(shí)候他就已經(jīng)自己先執(zhí)行了一下,你每次滾動(dòng)再去執(zhí)行的function已經(jīng)是他return出來的那個(gè)你所謂不帶函數(shù)名的函數(shù)了

反對(duì) 回復(fù) 2019-08-09

慕容3067478

TA貢獻(xiàn)1773條經(jīng)驗(yàn) 獲得超3個(gè)贊

第一，return的那個(gè)function就是你執(zhí)行debounce后的結(jié)果，帶不帶函數(shù)名在此處都可以第二，你給window綁定scroll事件的時(shí)候，執(zhí)行了一次debounce，其實(shí)等于給window的scroll綁定的是return的那個(gè)function，這樣就會(huì)讓你的window的scroll持續(xù)調(diào)用，但是實(shí)際只會(huì)在2s內(nèi)沒scroll才會(huì)執(zhí)行返回的那個(gè)方法。我感覺你此處應(yīng)該使用throttle的而不是debounce，個(gè)人理解

反對(duì) 回復(fù) 2019-08-09