JS原型、构造函数和实例详解

在前端中，原型、构造函数和实例是紧密相关的三个概念。它们之间的关系如下：

1. 构造函数是用来创建实例的函数，实例是通过构造函数和new关键字创建出来的对象。
2. 原型是一个对象，它包含了实例共享的属性和方法。每个实例都有一个指向原型的指针__proto__，它指向构造函数的prototype属性。
3. 实例通过__proto__指向原型，通过constructor指向构造函数。

举个例子，假设我们有一个构造函数Person，它有一个属性name和一个方法sayName：

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

Person.prototype.sayName = function() {
  console.log(this.name);
}

我们可以通过Person构造函数创建实例：

var person1 = new Person('Alice');
var person2 = new Person('Bob');

每个实例都有一个指向原型的指针__proto__，它指向构造函数的prototype属性：

console.log(person1.__proto__ === Person.prototype);
 // true 
console.log(person2.__proto__ === Person.prototype);
 // true

实例可以访问原型上的属性和方法：

person1.sayName(); // 输出：Alice 
person2.sayName(); // 输出：Bob

同时，我们也可以通过实例的constructor属性获取到构造函数：

console.log(person1.constructor === Person);
 // true 
console.log(person2.constructor === Person); 
// true12