javascript - js里关于浅拷贝的问题。

Question

今天看着这么一段 代码 讲浅拷贝

/* ================ 浅拷贝 ================ */
function simpleClone(initalObj) {
    var obj = {};
    for ( var i in initalObj) {
        obj[i] = initalObj[i];
    }
    return obj;
}

/* ================ 客户端调用 ================ */
var obj = {
    a: "hello",
    b: {
        a: "world",
        b: 21
    },
    c: ["Bob", "Tom", "Jenny"],
    d: function() {
        alert("hello world");
    }
}
var cloneObj = simpleClone(obj); // 对象拷贝

console.log(cloneObj.b); // {a: "world", b: 21}
console.log(cloneObj.c); // ["Bob", "Tom", "Jenny"]
console.log(cloneObj.d); // function() { alert("hello world"); }

// 修改拷贝后的对象
cloneObj.b.a = "changed";
cloneObj.c = [1, 2, 3];
cloneObj.d = function() { alert("changed"); };

console.log(obj.b); // {a: "changed", b: 21} // // 原对象所引用的对象被修改了

console.log(obj.c); // ["Bob", "Tom", "Jenny"] // 原对象所引用的对象未被修改
console.log(obj.d); // function() { alert("hello world"); } // 原对象所引用的函数未被修改

1、按道理讲 浅拷贝 不是应该仅仅复制对象的引用，而不是对象本身，那么 obj.c和obj.d都应该被修改了呀？

2、var cloneObj=obj ，算不算浅拷贝，怎么理解？

Answer 1

var cloneObj=obj // 这才是浅拷贝，改变这里会联动改变

// 这个方法不是浅拷贝，是一级深拷贝，二级拷贝是浅拷贝，因为obj[i] = initalObj[i];就相当于你的var cloneObj=obj 。
function simpleClone(initalObj) {
    var obj = {};
    for ( var i in initalObj) {
        obj[i] = initalObj[i]; ////////注意这里  除非你递归赋值
    }
    return obj;
}

所以

cloneObj.a = "changed"; // obj不变
cloneObj.b.a = "changed"; // obj改变

Answer 2

1. 存放对象的变量可以简单的理解为一个地址，通过这个地址再去获取其他子元素。2. 对象的浅拷贝指的是新建一个对象，把他的子元素的值依次复制过去。3. 因此拷贝后的对象虽然子元素值相同但是，做比较是不相等的，因为他们存放子元素变量的地址是不同的。4.你的第二种方式是地址的直接赋值，没有产生新的变量，或者说没有产生新的创建子元素的地址，这就不叫拷贝。