构造函数、原型、实例、原型链之间的关系

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

关系：

1、每个构造函数都有一个原型属性prototype，它指向原型对象
2、原型对象都包含一个指向构造函数的指针（constructor）
3、而实例都包含一个指向原型对象的内置指针（__ proto__）

代码：

function Person(){ } //构造函数
Person.prototype.name = "bree";      //在构造函数的原型对象上添加属性
Person.prototype.isName = function(){
	alert(this.name)
}
var bree = new Person();        //调用构造函数创建的实例bree
    
console.log(bree.__proto__ === Person.prototype);   //true
console.log(Person.prototype.constructor === Person);  //true  
  

接下来说一下 原型链 的理解：

假如让构造函数A原型对象等于另一个构造函数B的实例，那么A的原型对象包含了一个指向B原型的指针，相应的，A原型中也包含了一个指向B构造函数的指针； 假如B原型又是另一个构造函数C的实例，那么上面这个关系依然成立，这样层层推进，就构成了实例和原型的链条，这个链条就是原型链

// 总结
let Fn = function () {}
let fn = new Fn()

fn.__proto__ === Fn.prototype
Fn.prototype.constructor === Fn


实例.__proto__  === 构造函数.prototype
// 构造函数.prototype.__proto__ === Object.prototype
实例.__proto__.__proto__ === Object.prototype
// Object.prototype.__proto__ === null
实例.__proto__.__proto__.__proto__ === null

构造函数.__proto__ === Function.prototype
// Function.prototype.__proto__ === Object.prototype
构造函数.__proto__.__proto__ === Object.prototype
Function.__proto__ === Function.prototype // 内置函数也是函数