解码构造函数、原型和原型链：前端进阶5-1期指南

认识构造函数

构造函数是用于创建和初始化对象的函数。它在创建对象时被调用，并负责为该对象分配内存、初始化属性和方法。构造函数的名字与类名相同，但通常以大写字母开头。比如：

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

在这个例子中，Person 就是构造函数。它接受两个参数：name 和 age，并使用这些参数来初始化对象的属性。

原型

原型是一个对象，它包含了一组属性和方法，这些属性和方法可以被该对象的实例继承。每个构造函数都有一个原型对象，它可以通过 prototype 属性访问。例如，对于 Person 构造函数，我们可以这样访问它的原型对象：

Person.prototype

原型对象通常用于存储那些将在对象实例之间共享的属性和方法。例如，我们可以向 Person 构造函数的原型对象中添加一个 sayHello() 方法：

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

现在，所有使用 Person 构造函数创建的对象都可以访问 sayHello() 方法。例如：

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

const person2 = new Person('Mary', 30);
person2.sayHello(); // 输出: Hello, my name is Mary!

原型链

原型链是一个对象到原型对象的链接列表。它允许一个对象访问其原型对象中的属性和方法，以及原型对象的原型对象中的属性和方法，以此类推。

原型链的查找过程是从当前对象开始，然后依次向上查找原型对象，直到找到具有该属性或方法的原型对象。例如，对于 person1 对象，它的原型链如下：

person1 -> Person.prototype -> Object.prototype -> null

这意味着 person1 对象可以访问 Person.prototype 中的属性和方法，也可以访问 Object.prototype 中的属性和方法。

总结

构造函数、原型和原型链是 JavaScript 中非常重要的概念。它们是理解面向对象编程的基础。通过理解这些概念，你可以编写出更健壮、更可维护的代码。