JavaScript基础面试题5--原型、实例、构造器三者之间的关系

前言

在JavaScript中，原型、实例和构造函数三者的关系紧密且相互关联，它们共同构成了面向对象编程的基础。
构造函数是用来构建和初始化对象实例的；每个构造函数有一个原型对象，该对象存储了所有实例共享的方法和属性；而实例是构造函数通过 new 关键字创建的具体对象实体，它们通过原型链与构造函数的原型对象关联，并能够访问原型上的方法和属性。

1.构造函数(Constructor)：

• 构造函数是一种特殊类型的函数，用于创建特定类型的对象实例。
• 当使用new关键字调用构造函数时，它会创建一个新的对象，并将其内部的 this 绑定到新创建的对象上，同时执行构造函数内的代码来初始化这个新对象。

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

let persion = new Persion('Alice', 18);

2.原型(Prototype)：

• 每个构造函数都有一个名为 prototype 的属性，该属性指向一个对象，即原型对象。
• 原型对象包含了可以被构造函数所创建的所有实例共享的属性和方法。
• 新创建的实例通过[[Prototype]]链（可以通过 __proto__ 或 Object.getPrototypeOf() 访问）与构造函数的原型对象关联。

Person.prototype.sayHello = function () {
    console.log("Hello, I am " + this.name);
};
persion.sayHello(); // Hello, I am Alice

3.实例(instance)：

• 使用构造函数通过 new 关键字创建的对象就是构造函数的一个实例。
• 实例不仅包含自身的属性和方法，还可以通过原型链访问其构造函数原型上的属性和方法。

4.关系总结：

• 构造函数用来创建对象实例。
• 构造函数的 prototype 属性指向一个原型对象，这个原型对象拥有每个实例共享的方法和属性。
• 每个由构造函数创建的实例都隐式地链接到其构造函数的原型对象，形成原型链。
• 原型对象上有一个内置的 constructor 属性，它指向定义它的构造函数。