javaScript中对象的克隆

今天做了一道题，题目如下：

var obj ={"key":"1",
          "value":2};
var newObj  = obj;
newObj.value += obj.key;
alert(newObj.value);

问题是结果是alert的结果是多少；

这个地方是对象的引用；2个对象会共用一个地址，对象名就是该对象的首地址，这个地方相当于数组；

地址相同，改变obj的属性值那么newObj的值也会变；反之一样，改变newObj的值obj的属性值也会变；

这题答案是"21"；

有时候我们需要2个一样的对象，2个对像有自己的地址，改变其中之一，另一个不会有变化；这种方法就是克隆；

可以克隆的有；基础类型，数组，对象；

基础类型之间的克隆，我们直接给他赋值就可以；

var a = 5;
var b = a;
alert(b);  // 显示5
a = 6;  //改变a的值
alert(b); //显示5  克隆成功

数组的克隆有2中，第一种：

var arr = [1,2,3,4];
var b = new Array();
b = arr;
alert(b); // 显示 1,2,3,4
arr = [4,3,2,1];
alert(b); //显示 1,2，3,4  克隆成功

这个地方的数组名的赋值操作跟对象不一样，虽然数组也是对象的一种；

第二种：

var arr = [1,2,3,4];
var b = new Array();
b = arr.slice(0); // .splic（start,end），返回查找到的结果start是必填，从哪个位置开始查找，end,可选，不填表示到数组结尾
alert(b); // 显示1,2,3，4
arr=[4,3,2,1];//改变arr的值
alert(b);  //显示1,2,3,4  克隆成功

对象的克隆：

创建一个函数克隆所有对象:

function clone(obj){
  var newObj;
  if(typeof obj == "object"){
    if(obj === null){
      newObj = null;
    }else{
      if(obj instanceof Array){
        newObj =[];
        for(var i=0;i<obj.length;i++){
          newObj.push(clone(obj[i]));
        }
      }else{
        newObj={};
        for(var j in obj){
          newObj[j] = clone(obj[j]);
        }
      }
    }
    
  }else{
    newObj = obj;
  }
  return newObj;
}

var obj = {"key":"1",
           "value":2};
var newObj = clone(obj);
alert(newObj.value);
newObj.value += obj.key;
alert(obj.value);

克隆节点：

var p = document.getElementsByTagName("p")[0];
var c = p.cloneNode();//克隆p节点
var c = p.cloneNode(true);//克隆p节点，深度克隆，克隆节点以及节点下面的子内容。