2019-01-10

回答

使用扩展运算符 ... 可将对象自身的枚举属性复制到新对象中。但这只能进行浅拷贝,如:

const obj = { a: 1, b: 2 }
const shallowClone = { ...obj } 

使用这种技术将会忽略原型链。此外,嵌套对象并不会被克隆,只是复制了他们的引用,因此浅拷贝后嵌套对象和原始对象仍然指向同一个对象。

加分回答

  • 克隆还可以使用以下几种方法:
    • JSON.parse(JSON.stringify(obj)) 可用于深度克隆一个简单的对象,但他是 CPU 密集型的且只允许接受有效的 JSON。因此不适用于含有函数及循环引用的场景。
    • Object.assign({}, obj) 可以把一个对象的所有枚举属性值拷贝到另一个对象中,但嵌套对象依然只能拷贝其引用。
    • Object.keys(obj).reduce((acc, key) => (acc[key] = obj[key], acc), {}) 是一个稍微复杂的可选方案,他更加深入的展示了拷贝的过程。
  • 以上方法同样适用与 2 个对象的合并。
  • 深度克隆要复杂得多,他需要有效地克隆可能嵌套在对象中的任何对象类型(Date,RegExp,Function,Set 等)。除此之外,还需要解决原型链属性、循环引用和自身引用的问题。但实际业务场景中需要真正使用到的地方并不常见。需要了解的可参看 Lodash 中的 clone
  • JavaScript 通过引用传递对象,这意味着嵌套对象只是赋值了他们的引用而不是他们真实的值。这点在编码过程中需要着重注意。

返回总目录

每天 30 秒

  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:PipeSoloSymWide 等,欢迎大家加入,贡献开源。

    2818 引用 • 4207 回帖 • 644 关注
  • 30Seconds
    35 引用 • 115 回帖 • 1 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    261 引用 • 885 回帖 • 1048 关注
  • 面试

    多面试,少加班。

    126 引用 • 1025 回帖 • 511 关注
感谢    关注    收藏    赞同    反对    举报    分享