JS常用函数总结

// 节流函数
// 立即执行 在单位时间内只触发一次事件
const throttle = (method, delay) => {
    let timer = null;
    let start = false;
    return function () {
        if (!start) {
            start = true;
            method.apply(this, arguments);
            timer = setTimeout(() => {
                start = false;
            }, delay);
        }
    };
};
// let test = throttle(function () {
//     console.log(‘节流‘)
// }, 1000);
// test();
// setTimeout(() => {
//     test();
// }, 500);
// setTimeout(() => {
//     test();
// }, 3000);

// 防抖函数
// 延迟执行 在事件被触发单位时间内 又被触发 则重新计时
const debounce = (method, delay) => {
    let timer = null;
    let start = null;
    return function () {
        let now = Date.now();
        if (!start) {
            start = now;
        }
        if (now - start > delay) {
            method.apply(this, arguments);
            start = now;
        } else {
            clearTimeout(timer);
            timer = setTimeout(() => {
                method.apply(this, arguments);
            }, delay);
            start = now;
        }
    };
};
// let test = debounce(function () {
//     console.log(‘防抖‘)
// }, 1000);
// test();
// setTimeout(() => {
//     test();
// }, 500);
// setTimeout(() => {
//     test();
// }, 1000);
// setTimeout(() => {
//     test();
// }, 3000);

// 点击实现copy
const copy = (val) => {
    let input = document.createElement(‘input‘);
    input.value = val;
    document.body.appendChild(input);
    input.select();
    input.setSelectionRange(0, input.value.length);
    document.execCommand(‘Copy‘);
    document.body.removeChild(input);
    console.log(‘复制成功‘)
};
// copy(‘文本‘);