wap网站制作工具,网店如何引流与推广,如何做cad图纸模板下载网站,苏州网站开发培训目录
常见的对象赋值方式
直接赋值和对象扩展#xff08;浅拷贝#xff09;两种赋值方式区别
区别
联系 常见的对象赋值方式
1. 直接赋值#xff1a;this.info this.deviceInfo#xff0c;将一个对象的引用赋给另一个变量#xff0c;它们引用同一个对象。
2. 对象扩…目录
常见的对象赋值方式
直接赋值和对象扩展浅拷贝两种赋值方式区别
区别
联系 常见的对象赋值方式
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。
语法简洁都是通过简单的赋值语句完成易于编写和理解。
使用场景选择使用哪种方式取决于是否需要原始数据的独立副本。如果需要独立操作数据而不影响原始数据应选择浅拷贝或深拷贝如果只是想共享同一数据集可以使用引用赋值。
总结来说选择哪种赋值方式取决于你的具体需求是否需要数据之间的独立性。
