js的对象深拷贝

面试遇到对象深拷贝的问题，我没想到这样的问题，在js面试中也能真实的遇到。还好，在面试的前夜，我刷到了这道面试题。自然就拿到了offer。

首先看一个例子

var a = {

name: 'jack'

};

var b = a;

a.name = 'bill';

console.log(b);

如果，你对对象没有基础的了解，你一定会犹豫此时的打印结果。真实的打印结果是：

因为此时进行的是对象的浅拷贝；

浅拷贝的意思就是只复制引用（指针），而未复制真正的值。

我们都知道对象是引用类型；可以很清楚的看到，当a对象进行改变的时候，b对象也会跟着改变

---

深拷贝就是对目标的完全拷贝，不像浅拷贝那样只是复制了一层引用，就连值也都复制了。

只要进行了深拷贝，它们老死不相往来，谁也不会影响谁。

目前实现深拷贝的方法不多，主要是两种：

1. 利用递归来实现每一层都重新创建对象并赋值
2. 利用 JSON 对象中的 parse 和 stringify

第一种：

var a = {

name: 'jack'

};

var b = {};

for( key in a){

b[key] = a[key]

};

a.name = 'bill';

console.log(b);

此时的打印结果就是：

第二种方式：

JSON.stringify 是将一个 JavaScript 值转成一个 JSON 字符串。

JSON.parse 是将一个 JSON 字符串转成一个 JavaScript 值或对象。

很好理解吧，就是 JavaScript 值和 JSON 字符串的相互转换。

var a = {

name: 'jack'

};

var b = JSON.parse(JSON.stringify(a));

a.name = 'bill';

console.log(a);

console.log(b);

但是这种方法，不支持当a对象里面包含方法属性（function）会被自动忽略掉。知道这些，就够面试用的啦。