在實際項目中，總會遇到一些函數(shù)頻繁調(diào)用的情況，比如window.resize，mouseover，上傳進度類似的觸發(fā)頻率比較高的函數(shù)，造成很大的性能損耗，這里可以使用節(jié)流函數(shù)來進行性能優(yōu)化，主要是限制函數(shù)被頻繁調(diào)用的解決方案：?

let throttle = function(fn,interval){let __self = fn,timer,firstTime = true;return function(){var args = arguments,__me = this;if(firstTime){__self.apply(__me,args);return firstTime = false;}if(timer){return false;}//先執(zhí)行了一次，firstTime是false,然后500毫秒之后利用定時器再次執(zhí)行。timer = setTimeout(function(){clearTimeout(timer);timer = null;__self.apply(__me,args);},interval||500)} }window.onresize = throttle(function(){console.log(1) },500)

此函數(shù)可以觸類旁通,throttle是個高階函數(shù)，參數(shù)輸入是個函數(shù)【該頻繁調(diào)用的函數(shù)】以及觸發(fā)時間，第一次觸發(fā)有個只執(zhí)行一次的方法，后面接著就是定時器觸發(fā)函數(shù)。節(jié)流函數(shù)的本質(zhì)就是利用定時器的延遲進行函數(shù)觸發(fā)。

?

【完】

后來我才知道,他并不是我的花。只是我恰好途徑了他的盛放。

轉(zhuǎn)載于:https://www.cnblogs.com/tangjiao/p/9915537.html

總結(jié)

以上是生活随笔為你收集整理的简单的节流函数throttle的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。