我来详细讲解一下“JavaScript 原型继承介绍”的攻略。

JavaScript 原型继承介绍

JavaScript 是一门基于原型（prototype）的语言，它支持面向对象的编程方式。在 JavaScript 中，通过原型链机制实现继承。在这篇攻略中，我们将深入了解 JavaScript 中原型继承的概念和实现。

什么是原型继承？

在 JavaScript 中，继承是指对象在构造时可以继承另一个对象的属性和方法，这种继承方式就是原型继承。

我们可以通过 JavaScript 中的原型链来实现原型继承，也就是让一个对象去继承一个父对象的属性和方法。当我们访问某个对象上不存在的属性或者方法时，JavaScript 引擎会自动查找这个对象的原型链，将它的父原型中的属性和方法继承过来，从而实现继承。

原型继承示例

接下来给出两个原型继承的示例，来深入理解原型继承的概念。

示例一

function Animal(name) {
  this.name = name
}

Animal.prototype.sayName = function() {
  console.log('My name is ' + this.name)
}

function Cat(name) {
  Animal.call(this, name)
}

Cat.prototype = Object.create(Animal.prototype)
Cat.prototype.sayMeow = function() {
  console.log('Meow!')
}

let myCat = new Cat('Tom')
myCat.sayName() // 输出 "My name is Tom"
myCat.sayMeow() // 输出 "Meow!"

在这个示例中，我们定义了一个 Animal 构造函数和一个 Cat 构造函数。Cat 构造函数通过调用 Animal 构造函数来继承 Animal 的属性 name。然后，我们又用 Object.create() 方法来创建一个基于 Animal.prototype 的新对象，把它赋值给 Cat.prototype，这样就实现了 Cat 对象继承了 Animal 原型中的方法 sayName。最后，我们在 Cat.prototype 上添加了一个新的方法 sayMeow，实现了 Cat 对象的自己的方法。

示例二

function Shape() {
  this.x = 0
  this.y = 0
}

Shape.prototype.move = function(x, y) {
  this.x += x
  this.y += y
  console.log('Shape is moving.')
}

function Circle() {
  Shape.call(this)
}

Circle.prototype = Object.create(Shape.prototype)
Circle.prototype.constructor = Circle

Circle.prototype.draw = function() {
  console.log('Circle is drawing.')
}

let myCircle = new Circle()
myCircle.draw()      // 输出 "Circle is drawing."
myCircle.move(1, 1)  // 输出 "Shape is moving."

在这个示例中，我们定义了一个 Shape 构造函数和一个 Circle 构造函数。Shape 构造函数用来定义形状对象，Circle 构造函数继承了 Shape 构造函数，并在其原型上添加自己的方法 draw。我们同样用 Object.create() 方法来创建一个基于 Shape.prototype 的新对象，把它赋值给 Circle.prototype，这样就实现了 Circle 对象继承了 Shape 原型中的属性和方法。由于 Circle.prototype 对象只是一个新的对象，我们需要手动修复它的 constructor 属性，以确保它指向 Circle 构造函数本身。

总结

在 JavaScript 中，原型继承是一种很常见的继承方式，也是 JavaScript 中的一项非常重要的特性。通过原型链机制实现继承的方式，我们可以很方便地让一个对象继承另一个对象的属性和方法。而且，原型继承还使得我们能够实现 JavaScript 中的面向对象编程，通过创建对象来封装数据和行为，从而实现更为灵活、易于维护的代码。