常用的JS函数

  1. 格式化时间戳的函数

    // 格式化时间戳的函数
    export const formatDateTime = (timestamp, format = 'YYYY-MM-DD hh:mm:ss') => {
      if (typeof timestamp !== 'number' && typeof timestamp !== 'undefined' && typeof timestamp !== 'string') return Error('timestamp is not a number')
      if (typeof timestamp === "string") {
        format = timestamp;
        timestamp = undefined;
      }
      const date = typeof timestamp === 'undefined' ? new Date() : new Date(timestamp)
      const oReg = {
        "(Y|y)+": date.getFullYear(),
        "M+": date.getMonth() + 1, // 月份
        "(D|d)+": date.getDate(), // 日
        "(H|h)+": date.getHours(), // 小时
        "m+": date.getMinutes(), // 分
        "s+": date.getSeconds(), // 秒
        q: Math.floor((date.getMonth() + 3) / 3), // 季度
        Q: ["一", "二", "三", "四"][Math.floor((date.getMonth() + 3) / 3) - 1], // 季度
        w: date.getDay(),// 星期
        W: ["日", "一", "二", "三", "四", "五", "六"][date.getDay()], // 星期
        S: date.getMilliseconds() // 毫秒
      };
      for (const k in oReg) {
        const regex = new RegExp(k);
        if (regex.test(format)) {
          format = format.replace(regex, format.match(regex)[0].length === 1 ? oReg[k] : ('00' + oReg[k]).slice(-format.match(regex)[0].length));
        }
      }
      return format;
    };

    -- --

  2. JS睡眠sleep(毫秒)

    // JS睡眠sleep(毫秒)
    export const sleep = (numberMillis) => {
      let exitTime = +new Date() + numberMillis;
      while (true) {
        if (+new Date() > exitTime) return;
      }
    }
    // JS睡眠sleep(毫秒)
    export const sleepSync = (time = 2000) => {
      return new Promise((resolve) => {
        setTimeout(() => {
          resolve(true);
        }, time);
      });
    }

    -- --

  3. 轮询接口函数 新版

    // 轮询接口函数 新版
    /**
     *
     * @param params recursionAPI
     *   requestFunction 请求函数
     *   data 请求参数
     *   success 请求函数执行成功
     *      e 请求结果
     *      abort 终止函数,可以结束轮询
     *      count 当前调用次数
     *   fail 请求函数执行失败 【暂未实现】
     *   complete 失败获成功都执行 【暂未实现】
     *
     *   callbackFunction 回调函数
     *      e 请求结果
     *   maximum 最大调用次数,默认:五次
     *   delay 每次接口完成后延迟调用时长,默认值:2000,单位:毫秒
     */
    const recursionCallback = async (params: recursionAPI) => {
        let that = this;
        const recursion: Function = async (params: recursionAPI, count = 0, result = {}) => {
            const abort = () => count = maximum;
            let { requestFunction, callbackFunction, data = {}, success, fail, complete, maximum = 5, delay = 2000, loadingText = `查询中...`, showLoading = true }: any = params;
            if (count == maximum) {
                that.$hideLoading();
                callbackFunction(result);
                return;
            }
            if (count) that.sleep(delay);
            count++;
            if (showLoading) that.$showLoading(loadingText);
            result = await requestFunction(data);
            success(result, abort, count);
            return await recursion(params, count, result);
        }
        return await recursion(params);
    }

    -- --
  4. json排序

    // json排序
    export const paramsSort = (params, res = {}) => {
      let keys = Object.keys(params).filter(item => params[item] && typeof params[item] === "object");
    
      res = firstParams(params);
      keys.map(item => {
        res[item] = paramsSort(params[item], res);
      });
      return res;
    
      function firstParams(params) {
        if (Array.isArray(params)) {
          // return params.sort();
          return params;
        } else {
          let keys = Object.keys(params).sort();
          let res = {};
          keys.map(item => (res[item] = params[item]));
          return res;
        }
      }
    };

    -- --
  5. 参数转字符串

    // 参数转字符串
    export const parseParams = (params, type = "string") => {
      return {
        init() {
          switch (type) {
            case "string":
              let key = Object.keys(params);
              let strs = [];
              for (let k of key) {
                strs.push(`${k}=${params[k] || ""}
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,那我们可以用一个名为 "util" 的对象来封装这些函数,例如: ``` const util = { add: function(a, b) { return a + b; }, subtract: function(a, b) { return a - b; }, multiply: function(a, b) { return a * b; }, divide: function(a, b) { return a / b; } }; ``` 然后你就可以通过访问 "util.add(a, b)" 来使用加法函数了。你也可以继续往这个对象里添加其他常用函数。 需要注意的是,以上代码假设你使用的是 ES6 语法,如果你使用的是 ES5 语法,你需要把 "function" 换成 "var"。 ### 回答2: 封装一个常用JavaScript函数集合是为了提高开发效率和代码的重用性。这个函数集合可以包含各种常用的功能函数,例如: 1. 获取URL参数值:可以封装一个函数,通过传入参数名,返回对应的URL参数值。比如,可以使用window.location.search获取URL参数字符串,然后再使用正则表达式或其他方法找到对应的参数值。 2. 时间格式化:封装一个函数,将时间对象转换为指定格式的字符串。比如,可以使用Date对象的方法获取年月日、时分秒等信息,然后根据需要进行格式化输出。 3. 随机数生成:可以封装一个函数,生成指定范围内的随机整数或随机浮点数。比如,可以使用Math.random函数生成0到1之间的随机数,然后根据需要进行相应的运算转换。 4. 数组元素查找:可以封装一个函数,根据指定条件在数组中查找元素,并返回符合条件的元素或索引值。比如可以使用Array的filter方法根据判定函数找到满足条件的元素。 5. 数据类型判断:可以封装一个函数,判断变量的数据类型并返回相应的字符串表示。比如,可以使用typeof运算符判断基本数据类型,使用Array.isArray判断数组类型,使用Object.prototype.toString判断复杂数据类型。 6. 字符串截取:可以封装一个函数,对字符串进行截取操作,根据指定参数截取指定长度的字符串,同时提供省略号等处理方式。 7. 表单验证:可以封装一些常用的表单验证函数,例如验证邮箱、手机号码、用户名等。这些函数可以使用正则表达式或其他验证方式进行验证,以提高代码的可读性和可维护性。 以上只是一些常见的封装函数示例,实际的常用函数集合可以根据具体需求进行扩展和定制。 ### 回答3: 常用JavaScript函数集合可以提供一组常见功能的封装,以便在开发过程中更便捷地调用这些函数。下面是一个封装了一些常用功能的常用JavaScript函数集合例子: 1. 获取URL参数:这个函数可以从URL中获取指定参数的值并返回。可以通过传递参数名来获取不同的参数值。 2. 格式化日期:这个函数可以将日期对象或日期字符串格式化为指定的日期格式。可以通过参数来指定所需的日期格式。 3. 判断空值:这个函数可以判断一个变量是否为空(包括未定义、null、空字符串等),返回true或false。 4. 随机数生成:这个函数可以生成一定范围内的随机数,可以通过传递参数指定范围。 5. 数组去重:这个函数可以对数组进行去重操作,并返回去重后的数组。 6. 节流函数:这个函数可以控制函数的频率,在指定的时间间隔内只执行一次。 7. 深度拷贝对象:这个函数可以实现深度拷贝一个对象,返回一个拷贝后的新对象。 8. 字符串截取:这个函数可以截取指定长度的字符串,并在结尾添加省略号。 9. 图片预加载:这个函数可以实现图片的预加载,防止图片未加载完全时导致页面闪烁。 10. 防抖函数:这个函数可以控制函数的执行频率,在指定的时间间隔内,只有最后一次触发才执行。 这些是常用JavaScript函数集合的一些例子,通过封装这些功能,可以使开发过程更高效、便捷。可以根据需要自定义封装适合自己的常用功能函数集合。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值