js 防抖

// 防抖作用：防止重复触发事件

var count = 1;

var container = document.getElementById('container');

function getUserAction(e) {

// console.log(this)

// console.log(e);

container.innerHTML = count++;

}

// container.onmouseover = getUserAction

/**

* @param {*} func 回调方法

* @param {*} wait 等待时长

* @param {*} immediate immediate 是否立即执行,触发事件的几秒内不能重复触发； false:等待wait时间后再触发函数，只执行一次

* @returns

function debounce(func, wait, immediate) {

var timeout;

console.log(arguments, 'arguments')

return function() {

var context = this;

var args = arguments;

console.log(args, 'args');

// 如果有timeout，那么清除timeout

if(timeout) clearTimeout(timeout);

if(immediate) {

// 如果immediate为true的时候，vallNow肯定是ture；当 callNow 是true的时候也就是 timeout 为null

var callNow = !timeout

console.log(timeout)

timeout = setTimeout(function() {

timeout = null;

}, wait)

if(callNow) func.apply(context, args)

}else {

console.log(timeout, 'timeout')

timeout = setTimeout(() => {

func.apply(context, args)

}, wait)

}

container.onmousemove = debounce(getUserAction, 2000, true);

巴特西