some fun_

本文分享了一系列JavaScript实用函数,包括日期格式化、防抖与节流、深拷贝、深合并、对象内容比较等,适用于前端开发中的常见场景。此外,还涵盖了获取WXML节点信息、获取特定月的天数以及生成唯一标识符等工具函数,有助于提升代码效率和质量。
摘要由CSDN通过智能技术生成

/**
 * @desc 获取 WXML 节点信息的对象
 * @param {*} selector 选择器
 * @param {*} com 自定义组件的实例对象,如在组件内使用必传
 * @returns {promise}
 */
const getNodes = (selector, com) => {
    const query = com ? com.createSelectorQuery() : wx.createSelectorQuery()
    query.selectAll(selector).boundingClientRect()
    return new Promise((reslove, reject) => {
        query.exec(([res]) => {
            res.length ? reslove(res) : reject()
        })
    })
}
/**
 * @desc 获取某个月的天数
 * @param {Number} month 如是getMonth()获取的月份 要加1
 * @param {Number} year 
 * @returns {Number}
 */
function getDays(month = new Date().getMonth() + 1, year = new Date().getFullYear()) {
    const date = new Date(`${year}-${++month}`)
    date.setDate(0)
    return date.getDate()
}


/**
 * @desc 函数防抖
 * @param {Function} func 目标函数
 * @param {Number} delay 延迟执行毫秒数
 * @param {Boolean} immediate true - 立即执行, false - 延迟执行
 */
function debounce(func, delay = 500, immediate) {
    let timer;
    return function () {
        if (timer) clearTimeout(timer);
        if (immediate) {
            let callNow = !timer;
            timer = setTimeout(() => {
                timer = null;
            }, delay);
            if (callNow) func.apply(this, arguments);
            return
        }
        timer = setTimeout(() => {
            func.apply(this, arguments);
        }, delay)

    }
}

/**
* @desc 函数节流
* @param {Function} func 目标函数
* @param {Number} delay 延迟执行毫秒数
* @param {Boolean} immediate true - 立即执行, false - 延迟执行
*/
function throttle(func, delay = 500, immediate) {
    let timer = 0;
    return function () {
        if (immediate) {
            const now = new Date().getTime();
            if (now - timer > delay) {
                func.apply(this, arguments)
                timer = now
            }
        } else {
            if (!timer) {
                timer = setTimeout(() => {
                    timer = null;
                    func.apply(this, arguments)
                }, delay)
            }
        }

    }
}

/**
 * @desc 日期格式化,将各种日期数据类型转为指定字符串格式
 * @param {String,Number} date 日期字符串,可以是毫秒数
 * @param {String} fmt 格式化参数
 * @returns {string}
 */
function dateFormat(date, fmt = "YYYY-MM-DD hh:mm:ss") {
    if (!date) {
        return ""
    }
    if (typeof date === 'string') {
        date = date.replace("-", "/");
    }
    date = new Date(date);
    const o = {
        "M+": date.getMonth() + 1,                 //月份
        "D+": date.getDate(),                    //日
        "h+": date.getHours(),                   //小时
        "m+": date.getMinutes(),                 //分
        "s+": date.getSeconds(),                 //秒
        "q+": Math.floor((date.getMonth() + 3) / 3), //季度
        "S": date.getMilliseconds()             //毫秒
    };
    if (/(Y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (const k in o) {
        if (new RegExp("(" + k + ")").test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        }
    }
    return fmt;
}
/**
 * @desc 判断两个对象内容是否相等
 * @param {Object} a 对象1
 * @param {Object} b 对象2
 * @param {String} excludeProp 不检查某个字段
 * @returns {Boolean}
 */
function isObjectValueEqual(a, b, excludeProp) {
    var aProps = Object.getOwnPropertyNames(a).filter(x => x != excludeProp);
    var bProps = Object.getOwnPropertyNames(b).filter(x => x != excludeProp);

    if (aProps.length != bProps.length) {
        return false;
    }
    for (var i = 0; i < aProps.length; i++) {
        var propName = aProps[i]
        var propA = a[propName]
        var propB = b[propName]
        // 先判断两边都有相同键名
        if (!b.hasOwnProperty(propName)) return false
        if ((propA instanceof Object)) {
            if (isObjectValueEqual(propA, propB)) {
            } else {
                return false
            }
        } else if (propA !== propB) {
            return false
        } else { }
    }
    return true
}
/**
 * @desc 递归实现深拷贝
 * @param {*} obj 
 * @param {*} hash 
 */
function deepClone(obj, hash = new WeakMap()) {
    var cloneObj;
    var Constructor = obj.constructor
    switch (Constructor) {
        case RegExp:
            cloneObj = new Constructor(obj)
            break
        case Date:
            cloneObj = new Constructor(obj.getTime())
            break
        default:
            if (hash.has(obj)) return hash.get(obj)
            cloneObj = new Constructor()
            hash.set(obj, cloneObj)
    }
    for (const k in obj) {
        var item = obj[k]
        if (item && typeof item === 'object') {
            cloneObj[k] = deepClone(item)
        } else {
            cloneObj[k] = item
        }
    }
    return cloneObj
}

/**
 * 深度合并两个对象
 * @param obj1
 * @param obj2
 * @returns {*}
 */
function deepMerge(obj1, obj2) {
    obj1 = deepClone(obj1)
    Object.keys(obj2).forEach(key => {
        obj1[key] = obj1[key] && obj1[key].toString() === "[object Object]" &&
            (obj2[key] && obj2[key].toString() === "[object Object]")
            ? deepMerge(obj1[key], obj2[key])
            : (obj1[key] = obj2[key]);
    })
    return obj1;
}


/**
 * @desc 生成唯一标识符
 * @returns {String}
 */
function guid() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
        var r = Math.random() * 16 | 0,
            v = c == 'x' ? r : (r & 0x3 | 0x8);
        return v.toString(16);
    });
}
/**
 * @desc 递归实现数组扁平化
 * @param {Array} arr 
 * @returns {Array}
 */
function flatten(arr) {
    return arr.reduce((prev, cur) => {
        return prev.concat(Array.isArray(cur) ? flatten(cur) : cur);
    }, [])
}

/**
 * 生成指定范围随机数
 * @param n
 * @param m
 * @returns {number}
 */
export function randomByScope(n, m) {
    var result = Math.random() * (m - n) + n;
    if (result === n) {
        result = m;
    }
    return parseInt(result);
}

module.exports = {
    dateFormat,
    getDays,
    debounce,
    throttle,
    deepClone,
    deepMerge,
    isObjectValueEqual,
    randomByScope,
    getNodes,
    guid,
    flatten
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值