js不改變原對象情況下復制對象object

1.JSON對象序列化方法

這個方法明顯是簡單得多，但是有個弊端，就是不能復制函數

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

2.dom元素的復制——cloneNode

<div id="box"></div>
let div = document.getElementById('box');
let box2 = div.cloneNode(true);
console.log(div,box2);

3.es6新方法——Object.assign

//比較常用
var obj = {a:1,b:2}  
var newObj = Object.assign({}, obj); 
obj.c = 3;
console.log(obj,newObj);

4.es6新方法——擴展運算符（...）

var obj = {a:1,b:2}  
var newObj ={...obj}
obj.c = 3;
console.log(obj,newObj);