前端(1)js对象克隆

大家都知道，js的对象是引用类型,如果直接var obj2 = obj，obj2和obj是共享同一个对象实体的，这往往不是我们想要的结果。

官方并没有给出通用的对象克隆方法：

我们给出以下几种写法：

1.通用对象克隆：

function clone(obj){
    let temp = null;
    if(obj instanceof Array){
        temp = obj.concat();
    }else if(obj instanceof Function){
        //函数是共享的是无所谓的，js也没有什么办法可以在定义后再修改函数内容
        temp = obj;
    }else{
        temp = new Object();
        for(let item in obj){
            let val = obj[item];
            temp[item] = typeof val == 'object'?clone(val):val; //这里也没有判断是否为函数，因为对于函数，我们将它和一般值一样处理
        }
    }
    return temp;
}

整个clone函数的思路可能有点乱，但是可以这样理顺：

把obj的value当做只有普通值、数组和函数，先按部就班地处理，然后再考虑之前的“普通值”有可能是object，所以这里做个判断，在递归一下clone函数就可以了

ps:值得注意的是，官方有一种方法可以生成新的函数实例，就是bind()

function aaa(){
    console.log(this);
};

var c = aaa;
var d = aaa.bind(); //bind如果不传东西，默认是window对象

c === aaa; //true
d === aaa; //false

2.JSON对象序列化方法

这个方法明显是简单得多，但是有个弊端，就是不能复制函数

var obj = {a:1,b:2}
var newObj = JSON.parse(JSON.stringify(obj));

3.dom元素的复制——cloneNode

let div = document.getElementById('box');
let box2 = div.cloneNode(true);

4.es6新方法——Object.assign

var obj = {a:1,b:2}
var newObj = Object.assign({}, obj);