浅拷贝

实现浅拷贝的第一种方法

 

遍历initObj里面的所有属性，放到另外一个对象里面，并且把这个对象返回

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.a);

console.log(cloneObj.b);

console.log(cloneObj.c);

console.log(cloneObj.d);

//更改原对象中的a,b,c,d，看看拷贝过来的对象是否变化

cloneObj.a = "changed";

cloneObj.b.a = "changed";

cloneObj.b.b = 25;

cloneObj.c = [1, 2, 3];

cloneObj.d = function() { alert("changed"); };

console.log(obj.a); //hello

console.log(obj.b); //{a:"changed",b:25},事实上就是只有对象是拷贝的引用类型

console.log(obj.c); //['Bob','Tom','Jenny']

console.log(obj.d); //...alert("hello world")

 

事实证明面试官说的是对的，浅拷贝就是拷贝了一层，除了对象是拷贝的引用类型，其他都是直接将值传递，有自己的内存空间的。

如上面这个例子：

cloneObj拷贝了obj的所有属性，然后通过cloneObj.b.b和cloneObj.b.a，改变了原有地址上面的值。接下来的数组赋值cloneObj.c = [1, 2, 3];，方法函数赋值cloneObj.d = function() { alert("changed"); };

 

 

实现浅拷贝的第二种方法

ES6中的Object.assign方法，Object.assign是ES6的新函数。Object.assign() 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。但是 Object.assign() 进行的是浅拷贝，拷贝的是对象的属性的引用，而不是对象本身。

 

Object.assign(target, ...sources)

参数：

 

target：目标对象。

sources：任意多个源对象。

返回值：目标对象会被返回。

 

var obj1 = {

a: "hello",

b: {

a: "hello",

b: 21}

};

var cloneObj1= Object.assign({}, obj1);

cloneObj1.a = "changed";

cloneObj1.b.a = "changed";

console.log(obj1.a); //hello

console.log(obj.b.a); // "changed"

 

这里就是浅拷贝了，跟上面那个例子差不多