在 JavaScript 中使用 proto 的原型继承

JavaScript 是一种基于原型的编程语言，支持通过原型继承来实现对象的复用和继承。在 JavaScript 中，我们可以使用 __proto__ 属性来实现原型继承，它是所有对象都具有的内置属性。

什么是原型继承？

原型继承是基于对象的一种继承方式，与基于类的继承方式不同。在基于类的继承方式中，我们先定义一个类，然后从这个类中创建多个实例对象，并对这些实例对象进行修改和操作。而在基于原型的继承方式中，我们不需要定义类，只需要定义一个对象，然后通过这个对象的原型属性来创建多个实例对象，这些实例对象共享同一个对象的属性和方法。

JavaScript 中的原型继承

在 JavaScript 中，每个对象都有一个 __proto__ 属性，指向它的原型对象。如果我们要创建一个新的对象，并让它继承某个已有对象的属性和方法，可以通过修改新对象的 __proto__ 属性来实现这个目的。

例如，我们要创建一个 person 对象，并让它继承另一个 human 对象的属性和方法，可以这样写：

var human = {
  legs: 2,
  arms: 2,
  walk: function() {
    console.log("walking...");
  }
};

var person = {
  name: "John"
};

person.__proto__ = human;

console.log(person.legs); // 输出 2
console.log(person.arms); // 输出 2
person.walk(); // 输出 "walking..."

在上面的代码中，我们定义了两个对象 human 和 person。然后通过修改 person 对象的 __proto__ 属性，让它指向 human 对象的原型，就实现了让 person 对象继承 human 对象的属性和方法。

注意事项

在使用 __proto__ 属性来实现原型继承时，需要注意以下几点：

1. 在 ECMAScript 6 中，推荐使用 Object.setPrototypeOf() 和 Object.getPrototypeOf() 代替修改 __proto__ 属性，因为 __proto__ 在某些浏览器中可能会被禁用或者不支持。
2. 在原型链中存在循环引用时，会导致获取属性和方法时出现死循环，造成浏览器崩溃。
3. 可以通过 hasOwnProperty() 方法来判断一个对象是否具有某个属性或方法，避免访问到原型链中的属性和方法。
4. 在修改 __proto__ 属性时，要谨慎考虑是否会影响到其他对象，可能会带来意想不到的后果。

总结

在 JavaScript 中，原型继承是一种非常常见和强大的编程模型，通过修改对象的 __proto__ 属性来实现继承非常方便。在使用原型继承时，需要注意避免循环引用和避免修改错误的对象的 __proto__ 属性，以避免出现不必要的错误和问题。