JavaScript 权威指南第七版中的深浅拷贝指的是什么

在JavaScript权威指南第七版中，深浅拷贝指的是两种不同的对象复制方式。浅拷贝（Shallow Copy）是指复制对象时仅仅复制对象本身及其包含的值类型的属性，而对于所有引用类型的属性，只复制引用而不复制引用的对象。因此，在浅拷贝后，新对象和原对象会共享同一块堆内存中的引用类型数据。相反的，深拷贝（Deep Copy）则会复制对象内部所有的层级，不仅仅是第一层属性，还包括对象内部嵌套的对象，确保复制出的新对象在内存中完全独立于原对象，修改新对象不会影响到原对象。

在实际编程中，浅拷贝可以通过简单的赋值操作或使用Object.assign函数实现，但这种方法只能拷贝对象的第一层属性。而实现深拷贝相对复杂，可以使用递归等方法，或是使用JSON.parse和JSON.stringify组合进行拷贝，但后者也有局限性，如不能复制函数、Symbol等类型的值。

一、浅拷贝的实现与应用

浅拷贝通常用于创建一个新的对象，同时保持与原对象相同的值。如果属性是原始类型的值，浅拷贝会拷贝值到新对象；如果属性是引用类型，浅拷贝则拷贝的是内存地址，而不是实际的对象。这意味着如果修改引用类型的属性，所有共享该引用的对象都会受到影响。

如何实现浅拷贝

在JavaScript中，实现浅拷贝的一个简单方式是使用Object.assign方法。Object.assign方法可以将所有可枚举属性的值从一个或多个源对象复制到目标对象，并返回目标对象。

let original = { a: 1, b: { c: 2 } };

let copy = Object.assign({}, original);

在这个例子中，original对象的a属性被复制到了copy对象中。b属性也被复制了，但值是一个指向相同内存地址的引用。

浅拷贝的缺陷

浅拷贝的主要限制是它不能复制对象内部的嵌套对象。例如，在上面的代码中，original对象的b属性是一个嵌套对象。由于浅拷贝只复制了b属性的引用，修改copy.b.c的值也会导致original.b.c的值发生变化。

二、深拷贝的实现与应用

与浅拷贝不同，深拷贝会创建一个新对象，并递归复制原对象中的所有属性，直至最内层的属性。这样，即使源对象包含多层嵌套的对象，复制出的对象也与原对象完全独立。

如何实现深拷贝

JavaScript中没有内置的深拷贝函数，因此我们需要自己实现。一种常见的方法是使用递归来遍历对象的所有属性，当属性值是一个对象时，再对该对象递归执行深拷贝：

function deepCopy(obj) {

    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    let tempObj = Array.isArray(obj) ? [] : {};
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            tempObj[key] = deepCopy(obj[key]);
        }
    }
    return tempObj;
}
let original = { a: 1, b: { c: 2 } };
let deepCopied = deepCopy(original);

使用deepCopy函数，我们可以创建一个原对象的深层副本。在这个副本中，修改b属性的嵌套对象不会影响到原始对象。

深拷贝的局限性

尽管深拷贝听起来很理想，它也有自身的局限性。例如，对于函数、Symbol类型的属性或循环引用的情况，上述的deepCopy函数就无法正确处理。还有一种常用于实现深拷贝的方法是通过JSON.stringify将对象转换成JSON字符串，再通过JSON.parse将这个字符串还原成新的对象。但这种方法不能正确处理函数、undefined、Symbol等特殊情况：

let objWithFunction = { a: 1, b: () => console.log('b') };

let deepCopied = JSON.parse(JSON.stringify(objWithFunction));

在这里，deepCopied对象将会丢失原对象的b属性，因为函数无法通过JSON.stringify序列化。

三、选择正确的拷贝方式

确定使用深拷贝还是浅拷贝，取决于具体的应用场景和需求。如果你只需要复制对象的顶层结构，并且确定没有多层嵌套的对象或不担心对象之间的相互影响，浅拷贝是一个简单有效的选择。但如果你需要完全独立的对象副本，以避免将来潜在的副作用，深拷贝将是必要的。

何时使用浅拷贝

• 当你只需要复制对象的顶层属性。
• 当对象中不包含引用类型的属性或者你不关心引用的共享。

何时使用深拷贝

• 当你要复制的对象含有多层嵌套结构，并且你需要完整的副本。
• 当你希望修改新对象时，不影响原始对象。

四、拷贝函数的高级使用和优化

在实际开发中，由于深拷贝的性能开销较大，通常我们需要考虑如何优化深拷贝函数。一种常见的优化手段是使用缓存来处理循环引用和重复引用的问题：

function deepCopy(obj, cache = new WeakMap()) {

    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    if (cache.has(obj)) {
        return cache.get(obj);
    }
    let tempObj = Array.isArray(obj) ? [] : {};
    cache.set(obj, tempObj);
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            tempObj[key] = deepCopy(obj[key], cache);
        }
    }
    return tempObj;
}

通过引入cache参数，我们可以避免递归中对同一对象的重复拷贝，并能够正确处理循环引用的情况。

此外，针对不同的复制需求，我们可以实现更为具体和优化的拷贝函数，如只拷贝对象的一部分属性、延迟拷贝（lazy copy）等。每种方法都有利有弊，作为一个开发者，选择正确的方法以最小化性能开销并满足功能要求是非常重要的。

在JavaScript权威指南第七版中关于深浅拷贝的讨论，为我们提供了在不同场景下选择和实现对象拷贝的指导。深刻理解这些概念，有助于开发者在编写程序时避免不必要的错误和性能问题。

相关问答FAQs：

1. 深浅拷贝在 JavaScript 权威指南第七版中提到了什么？

JavaScript 权威指南第七版中的深浅拷贝是指在复制对象或数组时，是否同时复制该对象或数组内部的引用类型的值。如果是深拷贝，那么复制后的对象或数组与原对象或数组是完全独立的，在修改复制后的对象或数组时不会影响原对象或数组。而浅拷贝则只复制引用类型的值的引用，复制后的对象或数组与原对象或数组仍然共享部分引用类型的值。这两种拷贝方法在实际开发中有不同的应用场景和使用方法。

2. JavaScript 权威指南第七版中的深浅拷贝有什么区别？

深拷贝和浅拷贝的主要区别在于复制后的对象或数组内部的引用类型的值。在深拷贝中，复制后的对象或数组内部的引用类型的值与原对象或数组完全独立，对复制后的对象或数组的修改不会影响原对象或数组。而在浅拷贝中，复制后的对象或数组与原对象或数组共享部分引用类型的值，对复制后的对象或数组的修改会影响原对象或数组。

3. 如何使用 JavaScript 权威指南第七版中的深浅拷贝技巧？

JavaScript 权威指南第七版中提供了多种深浅拷贝的技巧和方法。对于浅拷贝，可以使用 Object.assign() 方法或展开操作符（ES6+）来复制对象，使用 Array.slice() 方法或展开操作符来复制数组。对于深拷贝，可以使用 JSON.parse(JSON.stringify()) 方法来实现，但需要注意该方法不能复制包含函数、循环引用等特殊情况的对象，还可以使用第三方库如 Lodash 的深拷贝函数来实现。根据具体的需求和情况，选择合适的深浅拷贝方法可以提高代码的效率和可维护性。

最后建议，企业在引入信息化系统初期，切记要合理有效地运用好工具，这样一来不仅可以让公司业务高效地运行，还能最大程度保证团队目标的达成。同时还能大幅缩短系统开发和部署的时间成本。特别是有特定需求功能需要定制化的企业，可以采用我们公司自研的企业级低代码平台：织信Informat。 织信平台基于数据模型优先的设计理念，提供大量标准化的组件，内置AI助手、组件设计器、自动化（图形化编程）、脚本、工作流引擎（BPMN2.0）、自定义API、表单设计器、权限、仪表盘等功能，能帮助企业构建高度复杂核心的数字化系统。如ERP、MES、CRM、PLM、SCM、WMS、项目管理、流程管理等多个应用场景，全面助力企业落地国产化/信息化/数字化转型战略目标。 版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们微信：Informat_5 处理，核实后本网站将在24小时内删除。