亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

防抖和節流里邊的 arguments是誰的啊

防抖和節流里邊的 arguments是誰的啊

函數式編程 2019-07-06 23:11:24
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這個函數的嗎?請大佬詳細講講。用apply綁定,是與閉包有關嗎?
查看完整描述

2 回答

?
30秒到達戰場

TA貢獻1828條經驗 獲得超6個贊

假設你現在監聽了一個鼠標移動事件:
functionhandler(e){console.log(e,this);}
el.onmousemove=handler;
當觸發事件時,打印得到事件對象以及當前元素(el)。
現在給事件處理函數加上了防抖:el.onmousemove=debounce(handler)。對于debounce(handler),返回值是一個函數,所以等同于el.onmousemove=denouceHandler,只是一個新的事件處理函數而已,它的參數中就會包含事件對象,也就是arguments中包含事件對象。
至于fn.apply(context,args),前面提到handler中打印this可以拿到正確的值(當前元素),這里即改變this的指向。于是乎在加了防抖函數之后去觸發事件時,才能保證fn內部能夠拿到事件對象以及正確的this值
                            
查看完整回答
1 反對 回復 2019-07-06
  • 2 回答
  • 0 關注
  • 778 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號