原型与继承：一步步掌握 JavaScript 里的关键概念

2023-09-17 08:45:21

JavaScript 中的原型

在 JavaScript 中，每个函数都包含一个特殊的属性——prototype，用来指向另一个对象。这个被指向的对象，就是该函数的原型。当创建一个对象的实例时，实例对象将从原型对象中继承属性和方法。例如：

function Person(name) {
  this.name = name;
}

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name}.`);
};

const john = new Person('John');
john.sayHello(); // 输出: Hello, my name is John.

2. JavaScript 中的继承

在 JavaScript 中，可以通过原型链实现继承。当一个对象从另一个对象继承属性和方法时，我们就说这个对象是另一个对象的子对象。子对象的原型对象，就是父对象的实例。例如：

function Employee(name, title) {
  Person.call(this, name); // 继承Person的属性和方法
  this.title = title;
}

Employee.prototype = Object.create(Person.prototype); // 将Person的prototype赋给Employee的prototype
Employee.prototype.constructor = Employee; // 修正constructor指向

const jane = new Employee('Jane', 'Manager');
jane.sayHello(); // 输出: Hello, my name is Jane.
console.log(jane.title); // 输出: Manager