国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > 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來判斷)如果是數組或偽數組,最好不要一開始就創建{},而是創建[]較好


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 澎湖县| 中西区| 清流县| 嘉兴市| 桓仁| 新昌县| 济南市| 泸水县| 阿城市| 阿城市| 中西区| 揭西县| 鹤峰县| 永修县| 荆门市| 东乡县| 四子王旗| 左权县| 柞水县| 万载县| 钦州市| 天津市| 东安县| 迁安市| 肃宁县| 浙江省| 丽江市| 巴楚县| 德州市| 博白县| 奉节县| 康马县| 巴中市| 黄石市| 山东省| 时尚| 贵定县| 老河口市| 文化| 确山县| 安新县|