去抖函数 节流函数


去抖函数:

     function qudou(cb){
		console.log('uuuuuuuuu')
		var timer=null;
		return function(){
			console.log(timer)
			clearTimeout(timer)
			timer = setTimeout(function(){
				cb()
			},1000);
		}
	}
	function test(){
		console.log(8888)
	}
	document.getElementById('btn').addEventListener('click',qudou(test))

为什么这么写,而不是
	document.getElementById('btn').addEventListener('click',function(){
		qudou(test)()
	})

  把代码复制过去,跑一下就知道了。这里的知识点:闭包。必须把timer设置为全局变量,否则clearTimeout每次清除的都将是函数内部本次的settimeout,而不是上一次的。(上面代码不是用的全局变量,用的闭包代替)

  

节流函数

function jieliu(cb){
	console.log('uuuuuuuuu')
	var bTime = new Date();
	return function(){
		current = new Date()
		if(current-bTime>=1000){
			bTime = current;
			cb()
		}
	}
}
function test(){
	console.log('kkkk')
}
document.getElementById('btn').onclick = jieliu(test);

  

优质内容筛选与推荐>>
1、RHEL7软件包管理之rpm与yum
2、Python实现图片转文字并翻译至剪切板
3、Python中read()、readline()和readlines()三者间的区别和用法
4、撩课-Web大前端每天5道面试题-Day33
5、shell脚本初学者笔记


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn