Javascript 克隆类原型

在Javascript中，类的原型是其实例对象的公共部分。当一个对象创建时，它会继承其类原型的属性和方法。这就使得类原型在代码重用和维护方面非常重要。

有时候，我们需要创建一个新的对象，它的属性和方法与已有对象完全相同。这时，我们可以使用Javascript的原型克隆方法来实现。

方法一：Object.create()

Javascript提供了Object.create()方法，它可以用于创建一个与原有对象完全相同的新对象。示例代码如下：

var obj1 = {
  name: "John",
  age: 30,
  sayHi: function() {
    console.log("Hi, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};

var obj2 = Object.create(obj1);

在这个示例中，我们创建了一个名为obj1的对象，它有一个name属性、一个age属性和一个sayHi()方法。然后，我们使用Object.create()方法创建了一个名为obj2的新对象，它的原型是obj1。这意味着obj2将继承obj1的所有属性和方法。

我们可以测试一下这个新对象是否与原有对象完全相同：

console.log(obj2.name); // "John"
console.log(obj2.age); // 30
obj2.sayHi(); // "Hi, my name is John and I am 30 years old."

方法二：手动复制

除了使用Object.create()方法，我们还可以手动复制一个对象。示例代码如下：

var obj1 = {
  name: "John",
  age: 30,
  sayHi: function() {
    console.log("Hi, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};

var obj2 = {};
for (var prop in obj1) {
  obj2[prop] = obj1[prop];
}

在这个示例中，我们创建了一个名为obj1的对象，它有一个name属性、一个age属性和一个sayHi()方法。然后，我们手动复制了这个对象，创建了一个名为obj2的新对象。我们使用一个for循环来遍历obj1的所有属性，并将它们复制到obj2中。

我们可以测试一下这个新对象是否与原有对象完全相同：

console.log(obj2.name); // "John"
console.log(obj2.age); // 30
obj2.sayHi(); // "Hi, my name is John and I am 30 years old."

总结

无论是使用Object.create()方法，还是手动复制一个对象，我们都可以轻松地创建一个与原有对象完全相同的新对象。这对于代码复用和维护都非常重要。