鍓嶈█鎹闃块噷鏈変竴閬撻潰璇曢璁插嚱鏁拌妭娴佸拰鍑芥暟闃叉姈銆傛洿绯熺硶鐨勬槸锛岃繖瑙﹀強浜嗘垜鐨勭煡璇嗙洸鐐广€傚ソ鍍忔病鍚杩囪繖涓や釜涓滆タ銆傜棝涓惛鍙栨暀璁紝瀛﹀緱蹇€傚紑濮嬩簡锛佹蹇典笌绀轰緥鍑芥暟鍘绘姈鍔紙debounce锛夊湪浜嬩欢瑙﹀彂鍚巒绉掑悗鎵ц鍥炶皟銆傚鏋滃湪杩檔绉掑唴鍐嶆瑙﹀彂锛屽垯閲嶆柊寮€濮嬭鏃躲€傜湅涓€涓煂帮紙鏍楀瓙锛夛細//妯℃嫙涓€涓猘jax璇锋眰鍑芥暟ajax(content){console.log('ajaxrequest'+content)}letinputa=document.getElementById('unDebounce')inputa.addEventListener('keyup',function(e){ajax(e.target.value)})鏌ョ湅杩愯缁撴灉锛氬彲浠ョ湅鍒板彧瑕佹垜浠寜涓嬮敭鐩橈紝灏变細瑙﹀彂杩欎釜ajax璇锋眰銆備笉浠呭湪璧勬簮涓婃槸涓€绉嶆氮璐癸紝鑰屼笖鍦ㄥ疄闄呭簲鐢ㄤ腑锛岀敤鎴峰彧浼氬湪杈撳嚭瀹屾暣鐨勫瓧绗﹀悗鎵嶄細璇锋眰銆備笅闈㈡垜浠紭鍖栦竴涓嬶細//妯℃嫙涓€涓猘jax璇锋眰functionajax(content){console.log('ajaxrequest'+content)}functiondebounce(fun,delay){returnfunction(args){letthat=thislet_args=argsclearTimeout(fun.id)fun.id=setTimeout(function(){fun.call(that,_args)},delay)}}letinputb=document.getElementById('debounce')letdebounceAjax=debounce(ajax,500)inputb.addEventListener('keyup',function(e){debounceAjax(e.target.value)})鐪嬩竴涓嬭繍琛岀粨鏋滐細鍙互鐪嬪埌鎴戜滑娣诲姞浜嗛槻鎶栦箣鍚庯紝褰撲綘棰戠箒杈撳叆鐨勬椂鍊欙紝濡傛灉鎮ㄥ湪鎸囧畾鐨勬椂闂撮棿闅斿唴娌℃湁杈撳叆锛屽垯涓嶄細鍙戦€佽姹傚苟浠呮墽琛岃鍔熻兘銆傚鏋滆緭鍏ュ仠姝絾鍦ㄦ寚瀹氱殑鏃堕棿闂撮殧鍐呭啀娆¤緭鍏ワ紝灏嗛噸鏂拌Е鍙戣鏃跺櫒銆傚啀鐪嬩竴涓煂帮細letbiu=function(){console.log('biubiubiu',newDate().Format('HH:mm:ss'))}letboom=function(){console.log('boomboomboom',newDate().Format('HH:mm:ss'))}setInterval(debounce(biu,500),1000)setInterval(debounce(boom,2000),1000)鐪嬭繍琛岀粨鏋滐細杩欎釜馃尠寰堝ソ瑙ｉ噴銆傚鏋滆鍑芥暟鍦ㄦ椂闂撮棿闅斿唴鎵ц锛屽垯閲嶆柊瑙﹀彂璁℃椂銆俠iu浼氬湪绗竴涓?.5s鎵ц鍚庢瘡1s鎵ц涓€娆★紝boom涓嶄細鎵ц涓€娆°€傚洜涓哄畠鐨勬椂闂撮棿闅旀槸2s锛屾墽琛屾椂闂存槸1s锛屾墍浠ユ瘡娆￠兘浼氶噸鏂拌Е鍙戣鏃躲€傛垜鐨勭悊瑙ｆ槸锛岄槻鎶栧姛鑳藉氨鏄硶甯堝彂鍑烘妧鑳界殑鏃跺€欓渶瑕佺湅鏂囩珷銆傚嚱鏁拌妭娴侊紙throttle锛夎瀹氫竴涓嚱鏁板湪鍗曚綅鏃堕棿鍐呭彧鑳借瑙﹀彂涓€娆°€傚鏋滆鍔熻兘鍦ㄥ崟浣嶆椂闂村唴琚Е鍙戝娆★紝鍒欏彧浼氳Е鍙戜竴娆°€傜湅涓€涓煂帮細functionthrottle(fun,delay){letlast,deferTimerreturnfunction(args){letthat=thislet_args=argumentsletnow=+newDate()if(last&&now
