/*定义防抖函数
	* func：传入一个函数，事件不再持续触发时会调用该函数
	* delay:定义持续多久后执行传入的回调函数
	* */
	function debounce(func,delay) {
		let timer = null  // 用于保存定时器
		return function (...args) {
			// 如果定时器存在，清除定时器，随后重新设置timer
			if(timer !== null) clearTimeout(timer)
			timer = setTimeout(func, delay)  // 超过delay为接收到事件会调用这里的func   必要的额时候可以修改func的this指向  由于timer对外部存在引用，因此不会被销毁
		}
	}

	/*事件处理函数*/
	function testDeBounce(){
		console.log('你看我执行了几次？？')
	}

	// 接收debounce返回的函数
	const temp = debounce(testDeBounce(),1000)

	/*绑定事件，测试防抖函数*/
	window.addEventListener('scroll',()=>{
		temp()
	}); // 这样写最少调用一次事件处理函数，最多也不会多余下面的写法执行的次数
	window.addEventListener('scroll', testDeBounce); // 如果这样写的话，每当页面滚动就会调用事件处理函数

<button>这是一个孤独的按钮</button>

/*
	* 定义定时器节流函数
	* func:传入事件处理函数
	* delay：在delay指定的时间内定时器回调无效
	* */
	function throttle(func,delay) {
		let timer = null
		const context = this
		return function(...args){
			// 如果定时器不存在
			if(!timer){
				timer = setTimeout(()=>{
					func.apply(context,args) // 考虑返回的函数调用的环境，因此这里不直接使用this
					timer = null // delay之后清除定时器
				},delay)
			}
		}
	}

	function test() {
		console.log('啊啊啊！')
	}

	const temp = throttle(test,1000)

	document.querySelector('button').addEventListener('click',()=>{
		temp()
	})

var throttle = function(func, delay) {            
　　var prev = Date.now();            
　　return function() {                
　　　　var context = this;                
　　　　var args = arguments;                
　　　　var now = Date.now();                
　　　　if (now - prev >= delay) {                    
　　　　　　func.apply(context, args);                    
　　　　　　prev = Date.now();                
　　　　}            
　　}        
}    

function handle() {            
　　console.log(Math.random());        
}        

window.addEventListener('scroll', throttle(handle, 1000));

// 节流throttle代码（时间戳+定时器）：
var throttle = function(func, delay) {     
    var timer = null;     
    var startTime = Date.now();     
    return function() {             
        var curTime = Date.now();             
        var remaining = delay - (curTime - startTime);             
        var context = this;             
        var args = arguments;             
        clearTimeout(timer);              
        if (remaining <= 0) {                    
            func.apply(context, args);                    
            startTime = Date.now();              
        } else {                    
            timer = setTimeout(func, remaining);              
        }      
    }
}

function handle() {      
    console.log(Math.random());
} 

window.addEventListener('scroll', throttle(handle, 1000));