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

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

  •  
  •   Stefango · 2021 年 5 月 10 日 · 2352 次点击
    这是一个创建于 1714 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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 年 5 月 10 日
    对象的引用不同
    Natsuno
        2
    Natsuno  
       2021 年 5 月 10 日
    b 是一个新对象
    10bkill1p
        3
    10bkill1p  
       2021 年 5 月 10 日   ❤️ 1
    你都说是新对象了😅
    codder
        4
    codder  
       2021 年 5 月 10 日
    因为你只有一层所以浅拷贝就是 false 啊,展开操作符(...)和 Object.assign()是一样的效果
    shintendo
        5
    shintendo  
       2021 年 5 月 10 日
    浅拷贝的浅,指的是:
    let a = {age: {num: 10}}
    let b = {...a}
    a.age === b.age //true

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

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

    说克隆不好吗,

    克隆一个你,你和你的克隆是一回事吗,马上就理解了
    hanyceZ
        12
    hanyceZ  
       2021 年 5 月 10 日   ❤️ 1
    KouShuiYu
        13
    KouShuiYu  
       2021 年 5 月 10 日
    这样比较才有意义
    ```
    let a = {};
    let b = {_a:a};
    let _a = {...b}['_a'];
    a === _a; // true
    ```
    youmoo
        14
    youmoo  
       2021 年 5 月 10 日
    你也可以这样烤(乱入😃 ):

    ```js
    let a={age: 10}
    let [b]=[a];
    a===b // this time it's true
    ```
    yaphets666
        15
    yaphets666  
       2021 年 5 月 10 日
    你这已经是你理解的‘深拷贝了’
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   873 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 19:57 · PVG 03:57 · LAX 11:57 · JFK 14:57
    ♥ Do have faith in what you're doing.