在實(shí)際項(xiàng)目中，總會(huì)遇到一些函數(shù)頻繁調(diào)用的情況，比如window.resize，mouseover，上傳進(jìn)度類(lèi)似的觸發(fā)頻率比較高的函數(shù)，造成很大的性能損耗，這里可以使用節(jié)流函數(shù)來(lái)進(jìn)行性能優(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毫秒之后利用定時(shí)器再次執(zhí)行。timer = setTimeout(function(){clearTimeout(timer);timer = null;__self.apply(__me,args);},interval||500)} }window.onresize = throttle(function(){console.log(1) },500)

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

?

【完】

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

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

總結(jié)

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

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