JavaScript中克隆分為兩種：淺度克隆和深度克隆，都是先對值遍歷一遍判斷是原始值還是引用值，原始值直接復制，引用值先判斷是對象還是數(shù)組再進行克隆

原始值：像Undefined，Null，Boolean，Number和String值被稱為原始值

引用值：像對象數(shù)組函數(shù)等值稱為引用值

淺度克隆

主要是將數(shù)據(jù)的地址賦給對應的變量但并沒有將具體的值賦值給對應的變量，變量會隨著數(shù)據(jù)的改變而改變

 <script>
    var obj={
      name:"張三",
      age:18,
      sex:"male",
       grade:[' Math:90','English:88','Chinese:80']
    }
    var obj1={}
    function clone(origin,target){
      var target=target||{};
      for(var prop in origin){
        target[prop]=origin[prop];
      }//防止用戶不傳target對象，給了參數(shù)就直接用，不給就當空對象，
     return target;
    }
    clone(obj,obj1);
  </script>

結果

obj1將obj的值克隆過來了，當給obj的grade添加值時，obj1的grade的值也隨之改變了

深度克隆

是將數(shù)據(jù)賦值給相對應的變量，所以產生了一個新的數(shù)據(jù)也就有了新的地址，原數(shù)據(jù)的改變不會影響新數(shù)據(jù)

<script type="text/javascript">
var obj={
      name:"張三",
      age:18,
      sex:"male",
       grade:[' Math:90','English:88','Chinese:80']
    }
    var obj1={}
    function deepClone(origin,target){
	var target=target||{},
	toStr=Object.prototype.toString,//簡化代碼
	arrStr="[Object Array]";
	for(var prop in origin){//從原始 origin 拷貝到 target
    		if(origin.hasOwnProperty(prop)){///先判斷是不是原型上的屬性，如果是false 就是原型上的
    	   {
      	if(typeof(origin[prop])!== "null" && typeof (origin[prop]) =='object')
      	{
    			if(toStr.call(origin[prop])==arrStr){
    				target[prop]=[];
    			}//數(shù)組對象
    			else{
    				target[prop]={};
    			}//對象
//
    			deepClone(origin[prop],target[prop]);
    		}
    		else{
    			target[prop]=origin[prop];
    		}
    	}
    }
     return target;
 }
	</script>

結果

obj1將obj的值克隆過來了，當給obj的grade添加值時，obj1的grade的值不會改變

總結：以上就是本篇文章所寫的內容了，希望對大家學習有所幫助。

以上就是JS中淺度克隆和深度克隆有什么區(qū)別的詳細內容，更多請關注php中文網其它相關文章！