常用函数（日期时间转换、时间不足两位补零、函数节流、函数防抖）

1、日期时间转换

//日期时间转换
export const fomatDate = function (time) {
  let oldDate = new Date(time);

  let newDate = new Date();

  var dayNum = "";

  var getTime = (newDate.getTime() - oldDate.getTime()) / 1000;

  if (getTime < 60 * 5) {
    dayNum = "刚刚";
  } else if (getTime >= 60 * 5 && getTime < 60 * 60) {
    dayNum = parseInt(getTime / 60) + "分钟前";
  } else if (getTime >= 3600 && getTime < 3600 * 24) {
    dayNum = parseInt(getTime / 3600) + "小时前";
  } else if (getTime >= 3600 * 24 && getTime < 3600 * 24 * 30) {
    dayNum = parseInt(getTime / 3600 / 24) + "天前";
  } else if (getTime >= 3600 * 24 * 30 && getTime < 3600 * 24 * 30 * 12) {
    dayNum = parseInt(getTime / 3600 / 24 / 30) + "个月前";
  } else if (time >= 3600 * 24 * 30 * 12) {
    dayNum = parseInt(getTime / 3600 / 24 / 30 / 12) + "年前";
  }
  return dayNum;
}

2、对系统时间进行装饰

/**
 * 对系统时间进行装饰
 * @param time 系统时间/需要处理的时间
 * @param pattern 需要返回的格式 例如 '{y}-{m}-{d} {h}:{i}:{s}'
 * @returns {string|null}
 * @constructor
 */
export const DecorateDate = (time, pattern) => {
  if (arguments.length === 0 || !time) {
    return null;
  }
  const format = pattern || "{y}-{m}-{d} {h}:{i}:{s}";
  let date;
  if (typeof time === "object") {
    date = time;
  } else {
    if (typeof time === "string" && /^[0-9]+$/.test(time)) {
      time = parseInt(time);
    } else if (typeof time === "string") {
      time = time.replace(new RegExp(/-/gm), "/");
    }
    if (typeof time === "number" && time.toString().length === 10) {
      time = time * 1000;
    }
    date = new Date(time);
  }
  const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay(),
  };
  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
    let value = formatObj[key];
    if (key === "a") {
      return ["日", "一", "二", "三", "四", "五", "六"][value];
    }
    if (result.length > 0 && value < 10) {
      value = "0" + value;
    }
    return value || 0;
  });
  return time_str;
}

3、时间不足两位补零

/**
 * 时间不足两位补零
 * @param time 时间
 * @returns {string|*}
 */
export const FormatTime = (time) => {
  return time < 10 ? '0' + time : time
}

4、函数节流

/**
 * 函数节流 多数用于请求接口时，减少请求量，点击多次在指定间隔时间段只记录一次点击行为
 * @param {*} handler 节流的函数
 * @param {*} wait 间隔期
 */
export const Throttle = function (handler, wait) {
  const context = this;
  let lastTime = 0;
  return function () {
    const nowTime = new Date().getTime();
    if (nowTime - lastTime > wait) {
      handler.apply(this, arguments);
      lastTime = nowTime;
    }
  };
}

5、函数防抖

/**
 * 函数防抖 用于限制接口的请求次数，连续点击只记录一次
 * @param {*} handler 防抖的函数
 * @param {*} wait 间隔期
 * @param {*} immediate 是否第一次点击就触发
 */
export const Debounce = function (handler, wait = 500, immediate = false) {
  let timer;
  return function () {
    const _self = this,
      _args = arguments;
    // 如果timer有值就清空
    if (timer) {
      clearTimeout(timer);
    }
    if (immediate && !timer) {
      handler.apply(this, arguments)
    }
    timer = setTimeout(function () {
      handler.apply(_self, _args);
    }, wait);
  };
}

在当前页面引入
import { Debounce } from "@/utils/tools"; 

使用

    //发送验证码
    sendCode: Debounce(function () {
     this.getSendCode();
    }, 500),