首頁猿問跪求！防抖和節(jié)流里邊的...

跪求！防抖和節(jié)流里邊的 arguments是誰的啊萬分感謝

JavaScript

qq_遁去的一_1 2019-07-28 12:32:46

functiondebounce(fn,wait,immediate){vartimer=nullreturnfunction(){varargs=argumentsvarcontext=thisif(immediate&&!timer){fn.apply(context,args)}if(timer){clearTimeout(timer)}timer=setTimeout(function(){fn.apply(context,args)},wait)}}一直沒搞清楚，這個arguments是debounce這個函數(shù)的嗎？請大佬詳細講講。用apply綁定，是與閉包有關(guān)嗎？

查看完整描述

2 回答

阿波羅的戰(zhàn)車

TA貢獻1862條經(jīng)驗獲得超6個贊

假設(shè)你現(xiàn)在監(jiān)聽了一個鼠標移動事件：functionhandler(e){console.log(e,this);}el.onmousemove=handler;當觸發(fā)事件時，打印得到事件對象以及當前元素（el）。現(xiàn)在給事件處理函數(shù)加上了防抖：el.onmousemove=debounce(handler)。對于debounce(handler)，返回值是一個函數(shù)，所以等同于el.onmousemove=denouceHandler，只是一個新的事件處理函數(shù)而已，它的參數(shù)中就會包含事件對象，也就是arguments中包含事件對象。至于fn.apply(context,args)，前面提到handler中打印this可以拿到正確的值（當前元素），這里即改變this的指向。于是乎在加了防抖函數(shù)之后去觸發(fā)事件時，才能保證fn內(nèi)部能夠拿到事件對象以及正確的this值

反對回復(fù) 2019-07-28