JavaScript的灵魂：深拷贝与原型初探

2023-09-10 06:13:25

深入浅出深拷贝

什么是深拷贝？

在JavaScript中，对象是按引用传递的。当一个变量指向了一个对象时，它实际上是在内存地址中存储了这个对象的位置信息。如果简单地通过赋值操作将一个对象分配给另一个变量（如 obj1 = obj2），那么这两个变量都指向同一个内存位置中的同一数据结构。这种复制被称为浅拷贝。

深拷贝则完全不同，它创建了一个新对象，并递归地为原对象的所有属性创建新的副本。这种方式确保了原始对象和拷贝后的对象在内存中是完全独立的两个实体，不会因为一个改变而影响另一个。

如何实现深拷贝？

要实现深拷贝，可以使用多种方法。一种常用的方法是利用 JSON 的序列化与反序列化功能：

function deepClone(obj) {
    return JSON.parse(JSON.stringify(obj));
}

这种方法简单且易于理解，但是有局限性，比如不能处理函数、循环引用的对象和一些特殊的对象（如 Date 或者 RegExp 等）。

另一种实现深拷贝的方法是使用递归：

function deepCopy(source) {
    if (typeof source !== 'object' || source === null) return source;
    
    let target = Array.isArray(source) ? [] : {};
    for (let key in source) {
        // 检查属性是否属于该对象本身而不是原型链上的
        if (source.hasOwnProperty(key)) {
            target[key] = deepCopy(source[key]);
        }
    }
    return target;
}

这种方法更为灵活，能够处理各种复杂的数据结构。

探究原型

原型概念

在JavaScript中，每个函数都有一个 prototype 属性。当创建一个新的对象时（例如通过构造函数），这个新对象会有一个内部属性叫做 [[Prototype]]，该属性会被设置为函数的 prototype 对象。换句话说，所有使用同一个构造函数创建的对象都会共享原型中的属性和方法。

应用场景

原型模式是实现继承的重要方式之一，它可以避免重复定义属性和方法，从而减少内存消耗。例如：

function Vehicle() {
    this.type = "car";
}

Vehicle.prototype.startEngine = function () {
    console.log("发动机已启动");
};

let car1 = new Vehicle();
car1.startEngine(); // 输出: 发动机已启动

let car2 = new Vehicle();
console.log(car1.type === car2.type); // 输出: true