var num1 = 123;var num2 = num1; // 這里內存中數據123有兩個副本,因此是拷貝var obj1 = { name: 'jim' };var obj2 = obj1; //這里內存中數據只有一個,沒有拷貝,因此這不是拷貝(2)深拷貝拷貝對象的所有數據,兩個數據副本在內存中完全獨立,就是深拷貝(3)淺拷貝(相對復雜些)拷貝的對象不完全,數據副本在內存中還有關聯,就是淺拷貝(4)理解深淺拷貝深淺拷貝只有在對象含有引用類型的成員時才考慮。function Person( name ) { this.name = name; this.copy = function () { var tmp = new Person( this.name ); return tmp; }}var p1 = new Person( '張三' );var p2 = p1.copy();// 這里沒有深淺拷貝之分淺拷貝:// 淺拷貝function Person( name ) { this.name = name; this.car = null; this.shallowCopy = function () { var tmp = new Person(); //拷貝出來的副本 for( var k in this ) { tmp[ k ] = this[ k ]; // 如果是值類型, 就直接拷貝了, 如果是引用類型, 就沒有拷貝 } return tmp; };}function Car ( name ) { this.name = name;} var p1 = new Person( '李四' );p1.car = new Car( '勞斯萊斯' );var p2 = p1.shallowCopy();深拷貝:// 深拷貝// 1> 首先有一個函數, 該函數的特點是 深拷貝一個對象, 并將對象的拷貝結果返回// 2> 在函數內部實現算法, 首先準備一個對象// 3> 遍歷目標對象中的所有屬性// 4> 判斷屬性是否為值類型, 如果是值類型直接賦值// 5> 如果是引用類型:// -> 再準備一個對象// -> 再遍歷這個屬性// -> ...// => 如果是引用類型的對象, 就調用一次自己這個方法function deepCopyHandler( obj ) { // 深拷貝 obj 返回新對象 var tmp = {}; for ( var k in obj ) { if ( typeof obj[ k ] == 'object' ) { // 深拷貝 obj[ k ],遞歸 tmp[ k ] = deepCopyHandler( obj[ k ] ); } else { tmp[ k ] = obj[ k ]; } } return tmp;}function Person( name ) { this.name = name; this.car = null; this.deepCopy = function () { return deepCopyHandler( this ); }; }function Car ( name ) { this.name = name;} var p1 = new Person( '李四' );p1.car = new Car( '勞斯萊斯' );var p2 = p1.deepCopy();(5)例:為了兼容ie8,使用遞歸的方法實現 getElementsByClassName方法/** * 遞歸查找有指定類名的元素(進階方法) * * 可以不新建空數組,也不返回,而將空數組作為參數傳入函數 * 且在一開始就限定必須傳數組,否則就拋出異常 * 這樣的好處是,省去了拼接數組的過程,因為傳入的一直是同一個數組 * * @param className 指定類名 * @param tag 總元素 * @returns {Array} */function getByClass(className,arr,tag){ if(typeof arr == 'undefined' || typeof arr.push != 'function'){ throw new Error('傳入參數不正確!'); } tag = tag || document;//沒傳tag就用document元素 var nodes = tag.childNodes;//總元素下的所有子節點 /*遍歷*/ for(var i=0; i<nodes.length; i++){ //找到元素節點 if(nodes[i].nodeType == 1){ //找到有類名且包含指定類名的元素 if(nodes[i].className && (' '+nodes[i].className+' ').indexOf(' '+className+' ') > -1){ arr.push(nodes[i]);//推進數組里 } //遞歸,接著查下一層子元素,找到就推進數組中 getByClass(className,arr,nodes[i]); } }}//使用該方法var divs = [];getByClass('c',divs);//該函數沒有返回值,只能執行后從參數中得到結果alert(divs.length);for(var i=0; i<divs.length; i++){ divs[i].style.borderColor = 'green';}(6)擴展:深度拷貝對象時,類型不重要,方法是重要的函數,就是應該共享遍歷的時候應該只考慮當前對象的成員,不考慮原型中的成員(用object.PRototype中提供的hasOwnProperty來判斷)如果是數組或偽數組,最好不要一開始就創建{},而是創建[]較好
新聞熱點
疑難解答