麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

JavaScript 深淺拷貝

2019-11-06 06:13:15
字體:
來源:轉載
供稿:網友

深淺拷貝(deep copy, shallow copy)深淺拷貝的基礎知識是關于值類型和引用類型的區分,可參考《javaScript 數據類型(值類型/引用類型)》一文(1)什么是拷貝?注意:一定在內存中有兩個數據副本才是拷貝問題:
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來判斷)如果是數組或偽數組,最好不要一開始就創建{},而是創建[]較好


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 日韩午夜一区二区三区 | xxxx18韩国护士hd老师 | 久久久免费观看完整版 | 一级在线 | 福利在线播放 | 久久精品无码一区二区日韩av | 成年人激情在线 | 91久久夜色精品国产网站 | 国产免费视频在线 | 1024亚洲天堂 | 依人在线视频 | 日本中文字幕电影在线观看 | 欧洲a级片 | 国产资源在线播放 | 国产免费一区二区三区在线能观看 | 日日操夜夜透 | 小视频在线看 | 国产91精品久久久 | 国产午夜精品一区二区三区视频 | 在线观看免费毛片视频 | 久久生活片| 黄色大片www | 日韩黄站 | 北原夏美av | 成码无人av片在线观看网站 | 性片久久| 毛片av网 | 成人不卡一区二区 | 久久国产精品久久久久久 | 99欧美精品| 免费观看黄色一级视频 | 19禁国产精品福利视频 | 欧美成人国产va精品日本一级 | 日韩黄色在线播放 | 污视频在线免费播放 | 国产精品成人一区二区三区电影毛片 | 日日狠狠久久偷偷四色综合免费 | 亚洲第一成人在线 | 欧美激情图区 | 日韩视频一区二区在线观看 | 久久精品欧美电影 |