JS 原型模式、原型、原型链

基本介绍：

原型模式（Prototype Pattern）是用于创建重复的对象，同时又能保证性能。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。

这种模式是实现了一个原型接口，该接口用于创建当前对象的克隆。当直接创建对象的代价比较大时，则采用这种模式。

传统的原型模式就是克隆，但这在 JS 中并不常用。但 JS 对象本身就是基于原型的，原型和原型链是非常重要的概念。所以在前端关于原型模式的学习中优先重点掌握JS原型链相关的知识。

原型与原型链：

基本概念：

JS中函数（各种数据类型的构造函数）都有一个显示原型 prototype ，对象自身都有一个隐式原型对象 __proto__ ，对象的隐式原型 __proto__ 指向其构造函数的显示原型 prototype。

在原型当中，class 可以理解成是函数的语法糖，class 有自己的显示原型 prototype 它的实例化对象有自己的隐式对象 __proto__ 指向 class 的显示原型 prototype。

引用类型和值类型中的原型：

JS 所有的引用类型对象都是通过其构造函数创建的，实例化对象本身都有 `__proto__` 属性，指向其构造函数的 `prototype`。

值类型没有 `__proto__` ，但它依然可访问 API 。因为 JS 会先将它包装为引用类型，然后触发 API。

原型链：

1.以创建引用类型——数组为例：

创建数组后其自身有隐式原型 __proto__ 指向其构造函数的显示原型 prototype ，而 prototype 本身就是一个对象，它本身也有一个隐式原型 __proto__  指向 Object 构造函数的显示原型 prototype，而 Object 构造函数的显示原型 prototype 对象自身的隐式原型 __proto__  则指向 null （JS内部规定）。

2.以创建构造函数实例化为例：

通过 new 实例化构造函数时创建出一个实例化对象，它自身的隐式原型 __proto__ 指向其构造函数的显示原型 prototype 对象，而该 prototype 对象自身的隐式原型 __proto__ 指向 Object 的显示原型对象 prototype ，而 Object 构造函数的显示原型 prototype 对象自身的隐式原型 __proto__  则指向 null （JS内部规定）。

原型链介绍：

当调用实例化对象身上的方法时，先从自身实例化对象本身寻找，如果找不到的话就沿着 __proto__ 去它的构造函数显示原型对象 prototype 身上找，如果还没找到，就继续沿着该 prototype 对象的隐式原型 __proto__ 在 Object 的显示原型 prototype 对象上找，知道找到尽头 null，这个过程就是原型链。

总结：引用数据类型（复杂数据类型）的创建除了创建 Object 类型数据以外，其他引用数据类型还要再只向 Object 的原型对象 然后再指向尽头 null。

继承中体现的原型链

继承也是沿着原型链在其所继承的构造函数的显示原型 prototype 对象上寻找，然后找到 Objcet 再找到 null。