原生js实现extend,作用类似jquery.extend

文章讨论了JavaScript中JsExtend函数在处理多级继承时的局限性,以及如何使用lodash的_.defaultsDeep方法实现类似jQueryextend的深度合并功能,以解决默认设置与用户自定义设置的合并问题。
摘要由CSDN通过智能技术生成

 1.js重构。此方法不能多级继承。
比如defaultSettings 定义一个对象series:{obj1:1,obj2:2},调用的时候时候设置JsExtend({series:{obj1:111}});
最终defaultSettings .series={obj1:111};而不是defaultSettings .series:{obj111:1,obj2:2}。

function  JsExtend(settings) {
//默认设置
    var defaultSettings = {
        objId: ".containter",
        speed:300
    };
    //采用配置项替换默认值,作用类似jquery.extend
    if (arguments.length === 1 && typeof arguments[0] === "object") {
        var src = arguments[0] || {};
        for (key in src) {
            if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key])
                continue;
            else if (src[key])
                defaultSettings[key] = src[key];
        }
    };
};

2.可以利用lodash库,_.defaultsDeep,实现jq的extend。

_.defaultsDeep({ 'a': { 'b': 2 } }, { 'a': { 'b': 1, 'c': 3 } });
// => { 'a': { 'b': 2, 'c': 3 } }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值