浅拷贝与深拷贝以及递归查询DOM树

浅拷贝:

只拷贝当前对象的属性和方法,如果属性和方法是引用类型则只拷贝地址,所以会指向同一块内存空间,不完全独立。

深拷贝:

连同结构一起拷贝,完全独立。

    // 浅拷贝
    function copy(obj1, obj2) {
        for (var key in obj2) {
            obj1[key] = obj2[key];
        }
    }
    Object.assign(target, ...sources) //es6语法糖,浅拷贝
    // 深拷贝
    function deepCopy(obj1, obj2) {
        for (var key in obj2) {
            var item = obj2[key];

            if (item instanceof Array) {
                obj1[key] = [];
                deepCopy(obj1[key], item);

            } else if (item instanceof Object) {
                obj1[key] = {};
                deepCopy(obj1[key], item);

            } else {
                obj1[key] = item;
            }
        }
    }

递归查询DOM树

//递归查询DOM树
    var root = document.documentElement;
    function forDOM(root1) {
        fn(root1);
        var children = root1.children;
        forChildren(children);
    }
    function forChildren(children) {
        for (var i = 0; i < children.length; i++) {
            var child = children[i];
            fn(child);
            child.children && forDOM(child);
        }
    }
    function fn(node) {
        console.log("节点名字:" + node.nodeName);
    }
    forDOM(root);

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值