kokola313
2020-01-04 19:34
采纳率: 100%
浏览 1.1k

var b = {...a};这句是什么意思呢?

请问下面代码里的第二行 var b = {...a}; 是什么意思呢?
求大佬解释一下

var a = { z: 5, y: {x: 8}, w: {r: 10} }
var b = {...a};
b.z = 6;
b.y.x = 9;
b.w = {r: 11};
console.log(b);
console.log(a) // { z: 5, y: {x: 9}, w: {r: 10}}
console.log(a.y === b.y) // true
console.log(a.w === b.w) // false
console.log(a === b) ;// false

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 天际的海浪 2020-01-04 23:19
    已采纳

    三个点 ... 是es6的展开语法(Spread syntax), 可以在函数调用/数组构造时, 将数组表达式或者string在语法层面展开;还可以在构造字面量对象时, 将对象表达式按key-value的方式展开。
    https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax

    var b = {...a};的具体效果是将a对象的属性进行浅层拷贝(克隆)。

    2 打赏 评论
  • greatofdream 2020-01-04 20:27

    解构赋值
    此处感觉多此一举,直接赋值不就行了

    b=a
    
    打赏 评论

相关推荐 更多相似问题