码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 浅克隆与深度克隆

时间:2016-05-13 07:49:41      阅读:603      评论:0      收藏:0      [点我收藏+]

标签:

一、浅克隆

 1、基本数据类型的克隆(赋值即可)

var a = 1;
var b = a;

console.info(a); //1
console.info(b); //1
a = 2;
console.info(a); //2
console.info(b); //1

把一个值赋给另一个变量时,当那个变量的值改变的时候,另一个值不会受到影响。

 

2、数组克隆

 如果我们采取基本数据类型的方式(赋值)来进行克隆,案例如下:

var arr1 = [1, 2, 3];
var arr2 = arr1;
console.info(arr1); //1,2,3
console.info(arr2); //1,2,3
arr1.push(4);
console.info(arr1); //1,2,3,4
console.info(arr2); //1,2,3,4

因为arr2引用了arr1,他们指向了内存中的同一块地址,所以arr1的改变也会导致arr2的改变!那如果要实现数组的浅克隆要怎么操作呢?

我们利用的数组的slice方法进行了克隆,代码如下:

var arr1 = [1, 2, 3];
var arr2 = arr1.slice();
console.info(arr1); //1,2,3
console.info(arr2); //1,2,3
arr1.push(4);
console.info(arr1); //1,2,3,4
console.info(arr2); //1,2,3

 

二、深度克隆 

function clone(obj) {
    var o, i, j, k;
    if (typeof(obj) != "object" || obj === null) {
        return obj;
    }
    if (obj instanceof(Array)) {
        o = [];
        i = 0;
        j = obj.length;
        for (; i < j; i++) {
            if (typeof(obj[i]) == "object" && obj[i] != null) {
                o[i] = arguments.callee(obj[i]);
            } else {
                o[i] = obj[i];
            }
        }
    } else {
        o = {};
        for (i in obj) {
            if (typeof(obj[i]) == "object" && obj[i] != null) {
                o[i] = arguments.callee(obj[i]);
            } else {
                o[i] = obj[i];
            }
        }
    }
    return o;
}
 

 

JavaScript 浅克隆与深度克隆

标签:

原文地址:http://www.cnblogs.com/mangoniki/p/5484930.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!