我們先看一下淺復制的缺陷,不知多少人中過招呢? 復制代碼 代碼如下: var oOriginal = { memNum: 1, // number memStr: "I am a string", // string memObj: { test1: "Old value" // we'll test }, memArr: [ // array "a string", // string member of array { // object member of array test2: "Try changing me" // we'll test } ] };
這是一個比較復雜的對象,對象包含著對象與數組。我們用Prototype著名的繼承函數復雜一下。它那個東東實在很難說是繼承,jQuery的也不算。 復制代碼 代碼如下: var extend = function(result, source) { for (var key in source) result[key] = source[key]; return result; }
測試程序: 復制代碼 代碼如下: var oCopy = extend({},oOriginal); // 淺拷貝 oCopy.memObj.test1 = "New value"; // 出現問題了,會反射到原對象上 alert(oOriginal.memObj.test1); // 結果副本與原本都一同被修改了 oCopy.memArr[1].test2 = "I am changed"; alert(oOriginal.memArr[1].test2); // 同樣中招了
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] 看來如果不想修改原對象,我們需要特殊處理一下對象與數組。為了處理它們,我們就必須把它們識別出來。看下面函數: 復制代碼 代碼如下: /** * type identification - By 司徒正美::cheng (MIT Licensed) * http://www.cnblogs.com/rubylouvre/archive/2010/01/20/1652646.html */ var is = function (obj,type) { var toString = Object.prototype.toString,undefined; return (type === "Null" && obj === null) || (type === "Undefined" && obj === undefined ) || toString.call(obj).slice(8,-1) === type; };