JavaScript原型、原型链和继承概念揭秘

2024-01-02 17:00:13

原型、原型链和继承是JavaScript中最基本也最重要的概念。理解这些概念对于掌握JavaScript语言至关重要。

原型

JavaScript中，每个对象都有一个原型对象，它是该对象的父对象。原型对象包含了该对象可以访问的所有属性和方法。当我们访问一个对象的属性或方法时，如果该对象本身没有该属性或方法，那么就会去它的原型对象中查找。如果原型对象中也没有，那么就会依次向上查找，直到找到具有该属性或方法的对象为止。

原型链

原型链是一条由原型对象组成的链，它是从一个对象开始，然后依次向上查找该对象的原型对象，直到找到Object对象。Object对象是所有对象的根原型对象，它是原型链的顶端。

继承

继承是面向对象编程中的一种基本概念，它允许子对象从父对象那里继承属性和方法。在JavaScript中，继承是通过修改原型链来实现的。当我们创建一个子对象时，我们可以将父对象的原型对象作为子对象的原型对象，这样子对象就可以从父对象那里继承属性和方法。

举个例子，我们可以创建一个Person对象，然后创建一个Student对象，并让Student对象继承Person对象：

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

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

function Student(name, age, major) {
  Person.call(this, name, age);
  this.major = major;
}

Student.prototype = Object.create(Person.prototype);

const student = new Student('John', 20, 'Computer Science');

student.greet(); // Hello, my name is John and I am 20 years old.