1 学前先了解一些概念

1.1 构造函数和普通函数的区别

构造函数是用来创建实例对象的，普通函数是用来调用执行的

1.1.1 调用方式

构造函数也是一个普通函数，创建方式和普通函数一样。

function func(){}
func(); // 普通函数调用方式

// 构造函数命名通常使用大驼峰
function Stru(){}
let obj = new Stru(); // 构造函数调用方式

1.1.2 函数中this的指向不同

普通函数遵循谁调用指向谁的思想；
构造函数的this则是指向它创建的对象实例。

1.1.3 写法不同

普通函数

function person(name){
	let obj = {};
	obj.name = name;
	return obj;
}
var p = person('john');

构造函数

function Person(name){
	this.name = name;
}
let p = new Person('John');

1.2 问题明确

万物皆对象，构造函数、原型、实例对象都是对象。
每个对象都有一个__proto_，它指向该对象的原型。
每个函数都有一个名为prototype的属性，它的值是一个对象，这个对象就是通过调用构造函数创建的对象的原型。
constructor属性只存在于原型对象中，它用于返回创建该原型对象的函数，也就是构造函数。
原型对象和实例对象都来源于构造函数，只不过原型对象比实例对象更加抽象。

[prototype]]和__proto__意义相同，均表示对象的内部属性，其值指向对象原型。前者在一些书籍、规范中表示一个对象的原型属性，后者则是在浏览器实现中指向对象原型。

2 原型与原型链

2.1 原型

每创建一个函数，该函数都会自动带有一个prototype属性。该属性是一个指针，指向一个对象，该对象称之为原型对象。
原型对象上默认有一个属性constructor，该属性也是一个指针，指向其相关联的构造函数。
原型对象用来存放实例对象的公有属性和公有方法。

2.2 显式原型与隐式原型

构造函数和原型对象之间有直接连接，即构造函数的prototype属性；
实例对象和原型对象之间也有直接连接，即实例对象的__proto__属性
per1.__proto__ === Person.prototype

在这里插入图片描述

2.3 原型链

过对象__proto__属性指向函数的原型对象(函数.prototype)一层一层往上找，直到找到Object的原型对象(Object.prototype)为止，层层继承的链接结构叫做原型链。
在这里插入图片描述
查找过程都是顺着__proto__属性，一步一步往上查找，形成了像链条一样的结构，这个结构，就是原型链。所以，原型链也叫作隐式原型链。