在 JavaScript 中，对象之间的继承机制有两种实现方式：基于原型的继承和基于类的继承。本文将详细介绍这两种继承方式及其区别，并提供示例代码和学习指导。
基于原型的继承
JavaScript 中的每个对象都有一个内部属性[[Prototype]]，它指向该对象的原型。原型对象也是一个普通对象，它有自己的[[Prototype]]属性，可以形成一条原型链。
基于原型的继承是通过让一个对象的[[Prototype]]属性指向另一个对象来实现的。使用 Object.create() 方法可以创建一个新对象并将其原型设置为指定的对象。示例如下：
const parent = {
sayHello() {
console.log('Hello!');
}
};
const child = Object.create(parent);
child.sayHello(); // 输出 "Hello!"在上面的示例中，我们创建了一个名为 parent 的对象，它有一个 sayHello() 方法。然后，我们使用 Object.create() 方法创建了一个新对象 child，并将其原型设置为 parent。因此，child 可以访问 parent 的 sayHello() 方法。
基于原型的继承非常灵活，因为它允许对象从多个原型继承属性。但是，它也有一些缺点，比如：
- 所有对象共享原型对象，如果一个对象修改了原型对象上的属性，会影响到所有其他对象。
- 无法像传统的面向对象编程语言那样定义私有属性和方法。
基于类的继承
ES6 引入了 class 关键字，使得 JavaScript 支持基于类的继承。在基于类的继承中，我们使用 class 关键字定义一个类，并使用 extends 关键字指定父类。子类可以通过 super 关键字调用父类的构造函数和方法。
示例如下：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
---------- -
------------------- --- ----------------
-
-
----- --- ------- ------ -
----------------- -
------------
-
------ -
------------------------- ---- ----------
-
-
----- --- - --- -------------
--------------- -- -- ------- --- -------
----------- -- -- ------ ---- --------在上面的示例中，我们使用 class 关键字定义了两个类：Animal 和 Cat。Cat 继承自 Animal，并添加了一个 meow() 方法。在 Cat 的构造函数中，我们通过 super(name) 调用父类 Animal 的构造函数，以便正确地设置 name 属性。
基于类的继承相对于基于原型的继承来说更加易于理解和使用。它也支持私有属性和方法，以及 getter 和 setter。
总结
基于原型的继承和基于类的继承都有其优点和缺点，具体使用哪种方式需要根据实际情况而定。如果您需要在多个对象之间共享属性或方法，可以使用基于原型的继承；如果您需要定义私有属性和方法，以及使用传统的面向对象编程语言中的类的概念，可以使用基于类的继承。
希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9376
