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));
obj.c = 3;
console.log(obj,newObj);
3.dom元素的复制——cloneNode
<div id="box"></div>
let div = document.getElementById(‘box‘); let box2 = div.cloneNode(true);
console.log(div,box2);
4.es6新方法——Object.assign
//比较常用
var obj = {a:1,b:2} var newObj = Object.assign({}, obj);
obj.c = 3;
console.log(obj,newObj);
5.es6新方法——扩展运算符(...)
var obj = {a:1,b:2} var newObj ={...obj}
obj.c = 3;
console.log(obj,newObj);
原文:https://www.cnblogs.com/showcase/p/10489636.html