JavaScript 中的原型继承
JavaScript 是一门基于原型继承的面向对象编程语言，它的对象模型是基于原型链的。JavaScript 中的原型继承提供了一种非常灵活的对象继承机制，充分利用了 JavaScript 中对象的动态性和编程的灵活性，使得开发者可以更加简单地实现面向对象程序设计。
原型链和继承
在 JavaScript 中，每个对象都有一个 prototype 属性，它指向另一个对象，这个对象作为当前对象的原型。每一个对象都可以通过它的原型去访问一些属性和方法，如果它本身没有这些属性和方法的话。
我们可以通过在原型对象上定义属性和方法，来使得所有的继承自该原型的对象都具有这些属性和方法。这是 JavaScript 中实现继承的一种方式，被称为原型继承。原型继承的核心思想就是通过原型链来实现继承。
在 JavaScript 中，原型链就是指对象之间的继承关系。每个对象都有一个原型，而原型本身也是一个对象，通过这个原型对象，可以访问它的属性和方法。当一个对象在访问它自己的属性或方法时，如果这个对象本身没有这些属性或方法，那么就会去它的原型对象中查找。
如果在原型对象中也没有找到这些属性或方法，那么就会去它的原型对象的原型对象中查找，以此类推。这个过程就被称为原型链，它构成了 JavaScript 的继承机制。
构造函数和实例对象
除了原型对象之外，JavaScript 中还有一个重要的概念就是构造函数。构造函数本身也是一个函数，它用来创建对象。
构造函数和实例对象是通过 new 操作符进行关联的。当我们通过 new 操作符创建一个对象时，实际上就是调用了构造函数，并返回了一个新的实例对象。这个实例对象就是通过构造函数创建出来的，它继承了构造函数的原型对象的属性和方法。
怎样使用原型继承
我们可以通过原型继承来实现一个基本的类和继承机制。比如，我们可以定义一个 Animal 构造函数，它包含了一个 say 方法，然后我们再定义一个 Dog 构造函数，它继承自 Animal 构造函数，重写了 say 方法，如下所示：
-- -------------------- ---- ------- -------- ------------ - --------- - ----- - -------------------- - ---------- - -------------- -- -- ---------- -- -------- --------- - ----------------- ------ - ------------- - -------------------------------- ------------------------- - ---- ----------------- - ---------- - -------------- -- - ------- --
在这个示例中，我们定义了 Animal 和 Dog 两个构造函数，它们都有一个 name 属性，然后我们又在 Animal 的原型对象中定义了一个 say 方法。在 Dog 的原型对象中，我们使用 Object.create 方法来继承 Animal 的原型对象，并将它的 constructor 属性指定为 Dog。然后，我们重写了 Dog 的 say 方法，实现了动物和狗的区别。
我们可以通过创建 Animal 和 Dog 的实例对象来验证我们的继承机制是否正确，如下所示：
var animal = new Animal('Tiger');
var dog = new Dog('Doggy');
console.log(animal.name);
animal.say();
console.log(dog.name);
dog.say();在这个示例中，我们分别创建了一个 Animal 和一个 Dog 的实例对象，输出它们的 name 属性和调用它们的 say 方法。我们可以看到，在调用 dog.say 方法时，输出的是 “I am a dog.”，而不是 “I am an animal.”，说明我们成功地继承了 Animal 构造函数的 say 方法并实现了重写。
总结
JavaScript 中的原型继承是一种非常灵活和强大的对象继承机制，它充分利用了 JavaScript 中对象的动态性和编程的灵活性。通过原型继承，我们可以实现基于类的继承机制，定义类和派生子类，从而更加方便地实现面向对象编程。
当我们使用原型继承时，需要注意的是，JavaScript 中的原型继承是基于原型链的。因此，我们需要仔细设计原型链结构，避免出现循环引用和属性覆盖等问题。同时，我们也需要了解构造函数和实例对象的概念，以便更好地理解原型继承的机制。
最后，我们可以通过示例代码来学习和练习原型继承的实现，从而更好地掌握这个强大的 JavaScript 特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646f0b0c968c7c53b0d6d6fa