您的位置:首页 > 游戏 > 手游 > 浅谈JavaScript中的对象赋值

浅谈JavaScript中的对象赋值

2024/12/23 15:12:00 来源:https://blog.csdn.net/weixin_44065196/article/details/139442187  浏览:    关键词:浅谈JavaScript中的对象赋值

目录

常见的对象赋值方式

直接赋值和对象扩展(浅拷贝)两种赋值方式区别

区别

联系


常见的对象赋值方式

1. 直接赋值:this.info = this.deviceInfo,将一个对象的引用赋给另一个变量,它们引用同一个对象。

2. 对象扩展(浅拷贝):this.info = {...this.deviceInfo},使用对象扩展语法创建一个新对象,包含原对象的所有属性和值,但是它们引用不同的对象。

3. Object.assign() 方法(浅拷贝):this.info = Object.assign({}, this.deviceInfo),使用 Object.assign() 方法将一个或多个源对象的属性复制到目标对象,也是实现浅拷贝的一种方式。

4. JSON.parse() 和 JSON.stringify()(深拷贝):通过将对象转换为JSON字符串再解析回对象的方式,可以实现深拷贝,但是有一些限制,例如无法复制函数等特殊属性。

这些是常见的对象赋值方式,每种方式都有不同的特点和适用场景。

直接赋值和对象扩展(浅拷贝)两种赋值方式区别

区别

1. 引用 vs 新对象:

  • this.info = this.deviceInfo: 这种方式是引用赋值。this.info 和 this.deviceInfo 指向同一个对象。因此,对任一变量所做的修改都会影响到另一个,因为它们共享同一个内存地址。
  • this.info = {...this.deviceInfo}: 这种方式是浅拷贝。使用对象扩展语法 {...} 创建了一个新的对象,它具有与原始对象 this.deviceInfo 相同的顶层属性。但是,这两个对象是独立的,对 this.info 的修改不会影响 this.deviceInfo。

2. 深度拷贝与浅拷贝:

  • this.info = this.deviceInfo: 不涉及拷贝,只是引用。
  • this.info = {...this.deviceInfo}: 浅拷贝。如果 this.deviceInfo 的属性中包含其他对象或数组,这些属性在 this.info 中仍然是引用,不是独立的拷贝。
联系
  • 目的相同:两种方式都用于将 this.deviceInfo 的内容以某种形式赋给 this.info。
  • 语法简洁:都是通过简单的赋值语句完成,易于编写和理解。
  • 使用场景:选择使用哪种方式取决于是否需要原始数据的独立副本。如果需要独立操作数据而不影响原始数据,应选择浅拷贝或深拷贝;如果只是想共享同一数据集,可以使用引用赋值。

总结来说,选择哪种赋值方式取决于你的具体需求,是否需要数据之间的独立性。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com