V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Stefango
V2EX  ›  问与答

JS 解构赋值(浅拷贝)生成的新对象===源对象 为何是 false

  •  
  •   Stefango · 2021-05-10 10:40:32 +08:00 · 1845 次点击
    这是一个创建于 1329 天前的主题,其中的信息可能已经有所发展或是发生改变。
    let a={age: 10}
    let b={...a}
    a===b // why false?
    

    es 严格等于的规范文档: 7. Return true if x and y refer to the same object. Otherwise, return false.

    15 条回复    2021-05-10 20:30:38 +08:00
    Liam1997
        1
    Liam1997  
       2021-05-10 10:48:55 +08:00
    对象的引用不同
    Natsuno
        2
    Natsuno  
       2021-05-10 10:50:14 +08:00
    b 是一个新对象
    10bkill1p
        3
    10bkill1p  
       2021-05-10 10:50:15 +08:00   ❤️ 1
    你都说是新对象了😅
    codder
        4
    codder  
       2021-05-10 10:53:04 +08:00
    因为你只有一层所以浅拷贝就是 false 啊,展开操作符(...)和 Object.assign()是一样的效果
    shintendo
        5
    shintendo  
       2021-05-10 10:53:41 +08:00
    浅拷贝的浅,指的是:
    let a = {age: {num: 10}}
    let b = {...a}
    a.age === b.age //true

    但它仍然是“拷贝”,所以 a===b 肯定是 false
    7gugu
        6
    7gugu  
       2021-05-10 10:57:24 +08:00
    浅拷贝是只拷贝第一层的原始类型值,和第一层的引用类型地址。
    gdrk
        7
    gdrk  
       2021-05-10 11:03:03 +08:00
    浅拷贝也会生成新对象啊,只是只能拷贝一层而已。a 和 b 指向不同的对象地址,当然是 false
    des
        8
    des  
       2021-05-10 11:08:09 +08:00
    你自己都说了是新对象,怎么可能是一样的

    顺便判断是不是同一个对象请用 Object.is
    Object.is(-0, 0) // false
    Object.is(NaN, NaN) // true
    Stefango
        9
    Stefango  
    OP
       2021-05-10 11:10:57 +08:00
    @shintendo 谢谢指点 🌹
    otakustay
        10
    otakustay  
       2021-05-10 11:11:21 +08:00
    这就是标准的浅拷贝做法,你要是引用相等我们会很困扰的
    let a = {age: 10};
    let b = {...a};
    b.age = 21;
    console.log(a.age); // 应该是啥
    EPr2hh6LADQWqRVH
        11
    EPr2hh6LADQWqRVH  
       2021-05-10 12:23:16 +08:00
    现在是谁每天在提什么深浅拷贝的

    说克隆不好吗,

    克隆一个你,你和你的克隆是一回事吗,马上就理解了
    hanyceZ
        12
    hanyceZ  
       2021-05-10 13:36:31 +08:00   ❤️ 1
    KouShuiYu
        13
    KouShuiYu  
       2021-05-10 16:05:24 +08:00
    这样比较才有意义
    ```
    let a = {};
    let b = {_a:a};
    let _a = {...b}['_a'];
    a === _a; // true
    ```
    youmoo
        14
    youmoo  
       2021-05-10 17:15:27 +08:00
    你也可以这样烤(乱入😃 ):

    ```js
    let a={age: 10}
    let [b]=[a];
    a===b // this time it's true
    ```
    yaphets666
        15
    yaphets666  
       2021-05-10 20:30:38 +08:00
    你这已经是你理解的‘深拷贝了’
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   865 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 20:30 · PVG 04:30 · LAX 12:30 · JFK 15:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.