JavaScript是一种具有灵活性和动态性的面向对象编程语言。在JavaScript中，有两种主要的继承方式：原型继承和类继承。在本篇博客中，我们将比较这两种继承方式的特点和用法。
原型继承
在JavaScript中，每个对象都有一个原型（prototype），通过原型可以实现对象之间的继承关系。原型继承是指一个对象可以从另一个对象中继承属性和方法。
使用原型继承的示例代码：
// 创建一个Person对象
function Person(name) {
this.name = name;
}
// Person对象的原型
Person.prototype.greet = function() {
console.log(`Hello, my name is ${this.name}.`);
}
// 创建一个Student对象，继承自Person
function Student(name, major) {
Person.call(this, name);
this.major = major;
}
Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;
// Student对象的原型
Student.prototype.study = function() {
console.log(`I am studying ${this.major}.`);
}
// 使用原型继承创建Student对象
const john = new Student('John', 'Computer Science');
john.greet(); // 输出：Hello, my name is John.
john.study(); // 输出：I am studying Computer Science.
在上面的示例中，我们首先创建了一个Person对象，并将它的greet方法添加到原型中。然后，我们创建了一个Student对象，并在Student对象的构造函数中调用了Person对象的构造函数来继承其属性。接下来，我们通过Object.create()方法将Student对象的原型设置为Person对象的原型，以实现继承。最后，我们在Student对象的原型中添加了study方法，完成对象的继承关系。
类继承
除了原型继承，JavaScript在ES6（ECMAScript 2015）中引入了类和class关键字。类继承是指一个类可以从另一个类中继承属性和方法。
使用类继承的示例代码：
// 创建一个Person类
class Person {
constructor(name) {
this.name = name;
}
greet() {
console.log(`Hello, my name is ${this.name}.`);
}
}
// 创建一个Student类，继承自Person
class Student extends Person {
constructor(name, major) {
super(name);
this.major = major;
}
study() {
console.log(`I am studying ${this.major}.`);
}
}
// 使用类继承创建Student对象
const john = new Student('John', 'Computer Science');
john.greet(); // 输出：Hello, my name is John.
john.study(); // 输出：I am studying Computer Science.
在上述示例中，我们首先使用class关键字创建了一个Person类，并在该类中定义了构造函数和greet方法。然后，我们创建了一个Student类，并在Student类中通过extends关键字将其继承自Person类。接下来，我们在Student类中定义了构造函数和study方法，并通过super关键字调用了父类Person的构造函数来继承其属性。最后，我们使用类继承创建了一个john对象，并调用了其继承自父类的方法和自己的方法。
原型继承与类继承的对比
1. 语法差异
原型继承使用函数和原型的组合来实现继承，语法相对较为复杂。而类继承则使用class和extends关键字，语法更加简洁直观。
2. 功能差异
原型继承更加灵活，允许在运行时动态地继承属性和方法。而类继承在定义时需要明确指定继承关系，不支持运行时动态继承。
3. 兼容性差异
原型继承是JavaScript中早期的继承方式，适用于所有的JavaScript版本。而类继承是在ES6中引入的新特性，不兼容所有的旧版JavaScript引擎，需要通过转译器或者使用较新的JavaScript引擎才能使用。
总结
原型继承和类继承是JavaScript中常用的两种继承方式。原型继承更加灵活和动态，适用于所有的JavaScript版本；而类继承更加简洁直观，不兼容旧版JavaScript引擎。选择哪种继承方式取决于具体的需求和使用场景。无论使用哪种方式，继承的目的都是为了代码的复用和扩展性的提升。
本文来自极简博客，作者：冰山一角，转载请注明原文链接：JavaScript中的原型继承与类继承对比
