再看Object.assign

字数 678阅读 16

欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~

1 前言

这是今天面试的一个问题,问题是:Object.assign是深拷贝还是浅拷贝,因为之前专门就JS的深拷贝和浅拷贝做过研究,也写了文档记录,自认为自己高的还是比较清楚的,所以我就很自信的答了,说是浅拷贝,坐车上仔细想了想,将面试问题总结了一下,至于面试问题的总结以后都会在博客体现,回归正题:这里说说我去MDN和各种博客看到的内容,结果令我尴尬了哈哈哈,那么Object.assign到底是浅拷贝还是深拷贝呢?那就得再来看看到底什么是浅拷贝,什么是深拷贝?

2 什么是浅拷贝

浅拷贝是内存地址的复制,是让目标对象指针和源对象指向同一片内存空间,那么相当于什么呢?下面举个例子

var people = {
    name: 'zhangsan',
    age: 10
}
var people2 = people
console.log(people.age) // 10
console.log(people2.age) // 10
people2.age = 100
console.log(people.age) // 100
console.log(people2.age) // 100
// people 的值被修改了

看上面代码。将people直接赋值给people2,此时修改people2.agepeople.age也会跟着变化,即他们实际上是引用的赋值,指向的是同一个内存空间,所以修改了people2.age相当于修改的是指向的这块共同的内存空间中的age所以说,people.age会跟着变化这叫浅拷贝

3 什么是深拷贝

先看个例子

var people = {
    name: 'zhangsan',
    age: 10
}
var people2 = {
    name: people.name,
    age: people.age
}
var people2 = people
console.log(people.age) // 10
console.log(people2.age) // 10
people2.age = 100
console.log(people.age) // 10
console.log(people2.age) // 100
// people 的值没有被修改

看以上代码,这次拷贝通过将people下面的属性赋值给people2下面的属性,并且当people2.age被修改的时候,people.age没有被修改这叫做深拷贝

4 看看Object.assign

引用MDN中的一句话:Object.assign()将所有可枚举的值从一个或者多个源对象复制到目标对象,它将返回目标对象

举两个例子说明:

当Object.assign()去处理一层拷贝时

var people = {
    name: 'zhangsan',
    age: 10
}
var people2 = Object.assign({}, people)
console.log(people.age) // 10
console.log(people2.age) // 10
people2.age = 100
console.log(people.age) // 10
console.log(people2.age) // 100
// people 的值没有被修改

这个时候我们看到,people.age的值不受people2.age的影响,说明是深拷贝

当Object.assign()去处理多层拷贝时

var people = {
    name: 'zhangsan',
    age: 10,
    zhangsan: {
        say: function () {
            console.log('hello')
        },
        height: 180
    }
}
var people2 = Object.assign({}, people)
console.log(people.zhangsan.height) // 180
console.log(people2.zhangsan.height) // 180
people2.zhangsan.height = 181
console.log(people.zhangsan.height) // 181
console.log(people2.zhangsan.height) // 181
// people 的值被修改了

我们发现people.age的值受到了people2.age的影响,所以在此处是浅拷贝

5 总结

由以上例子看到,Object.assign()实际上只在在第一层是深拷贝,第一层以下的全是浅拷贝

当时没搞清楚的问题,不光要记录,还要多回顾啊

6 参考文章

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
  • Ping++SDK:一次申请开通多个支付渠道,一次接入所有平台和支付方式 需要传递三个参数:api key应用id...
  • 面试题参考1 : 面试题 面试题参考2 : 内存管理 面试题参考3 :面试题 ...
  • 从来没有像现在这么对生活绝望或者说是无助过,觉得整个生活已经被现实的条条框框控制,找不到初衷找不到方向了。已...
  • 对于稻盛和夫的成功,他自己归功于奉献也就是利他,对于员工、对于同行竞争对手、对于国家、对于人类社会,他们总是无私地...