JavaScript对象模型探秘：从原型、原型链到继承

2023-10-02 09:15:01

大家好，欢迎来到JavaScript深入系列的第一篇文章。今天，我们将探讨JavaScript中的原型、原型链和继承机制。这些概念对于JavaScript程序员来说必不可少，通过掌握它们，你可以编写出更加优雅高效的代码。

原型

在JavaScript中，每个对象都有一个原型，它是另一个对象的引用。原型包含了一些属性和方法，这些属性和方法可以被对象继承。例如，我们创建一个Person对象，该对象的原型将是Object.prototype，它包含了一些基本的方法，如toString()和valueOf()。

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

const person = new Person('John Doe');

console.log(person.toString()); // "[object Person]"

原型链

原型链是一个对象的祖先对象列表。当对象试图访问一个属性或方法时，它会首先检查自己的属性和方法，如果找不到，它将沿着原型链向上查找，直到找到该属性或方法。

const person = new Person('John Doe');

console.log(person.__proto__); // Person {}
console.log(person.__proto__.__proto__); // Object {}

继承

继承是创建一个新对象并使其继承另一个对象属性和方法的过程。在JavaScript中，继承是通过原型链实现的。当我们创建一个新对象时，我们可以指定其原型的值。例如，我们创建一个Student对象，其原型是Person对象。

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

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

const student = new Student('Jane Doe', 'Computer Science');

console.log(student.name); // "Jane Doe"
console.log(student.major); // "Computer Science"