JS基础：面对对象(三)原型链

首先，我们需要明白原型链主要是实现继承的功能
其次，我们要弄清楚对象

• 普通对象
  最普通的对象：有__proto__属性（指向其原型链），没有prototype属性
  原型对象(原型对象有__proto__和constructor属性（指向构造函数对象）)
• 函数对象
  凡是通过new Function()创建的都是函数对象
  –拥有__proto__、prototype属性（指向原型对象）
  –Function、Object、Array、Date、String、自定义函数

最后，我们还要记住一句话：JS中不管是什么类型的对象，都一定有构造函数，包括构造函数本身

原型链

原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法

简单回顾一下构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么，假如我们让原型对象等于另一个类型的实例，结果会怎么样呢？显然，此时的原型对象将包含一个指向另一个原型的指针，相应地，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立，如此层层递进，就构成了实例与原型的链条

实现原型链基本模式的代码

function SuperType(){ 	//父类型
	this.property = true; 	//父类型的属性
}
	SuperType.prototype.getSuperValue = function(){ 	//父类型上的方法
	 return this.property; 
	}; 
	function SubType(){ 	//子类型
	 this.subproperty = false; 	//子类型的属性
	} 
	//继承了 SuperType 
	SubType.prototype = new SuperType(); 	//父类型的实例等于子类型的原型对象
	SubType.prototype.getSubValue = function (){ 	//子类型上的方法
	 return this.subproperty; 
	}; 
	var instance = new SubType(); 	//创建子类型的实例
	alert(instance.getSuperValue()); //true

实现的本质是重写原型对象，代之以一个新类型的实例
换句话说，原来存在于父类型的实例中的所有属性和方法，现在也存在于子类型的原型对象中了

在上面的代码中，我们没有使用 SubType 默认提供的原型，而是给它换了一个新原型；这个新原型就是 SuperType 的实例。于是，新原型不仅具有作为一个 SuperType 的实例所拥有的全部属性和方法，而且其内部还有一个指针，指向了 SuperType 的原型。最终结果就是这样的：instance 指向 SubType的原型， SubType 的原型又指向 SuperType 的原型。 getSuperValue() 方法仍然还在SuperType.prototype 中，但 property 则位于 SubType.prototype 中。这是因为 property 是一个实例属性，而 getSuperValue()则是一个原型方法。既然 SubType.prototype 现在是 SuperType的实例，那么 property 当然就位于该实例中了

当我们寻找一个实例的属性时，首先会在实例中搜索该属性。如果没有找到该属性，则会继续搜索实例的原型。在通过原型链实现继承的情况下，搜索过程就得以沿着原型链继续向上
就拿上面的例子来说，调用instance.getSuperValue()会经历三个搜索步骤：
1）搜索实例；
2）搜索 SubType.prototype；
3）搜索 SuperType.prototype，最后一步才会找到该方法。在找不到属性或方法的情况下，搜索过程总是要 一环一环地前行到原型链末端才会停下来

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

默认的原型

事实上，前面例子中展示的原型链还少一环。。、大家要记住，所有函数的默认原型都是 Object 的实例，因此默认原型都会包含一个内部指针，指向 Object.prototype。这也正是所有自定义类型都会继承 toString()、valueOf()等默认方法的根本原因

一句话，SubType 继承了 SuperType，而 SuperType 继承了 Object。当调用 instance.toString()时，实际上调用的是保存在 Object.prototype 中的那个方法

更深层次的原型链

原型链就是__proto__连接的链，就是上图中的蓝线
图片的原文的地址为：https://blog.youkuaiyun.com/m0_37589327/article/details/78655038

总结

1. prototype只有构造函数才有，指向构造函数的原型
2. __proto__任何对象都有，指向产生当前对象的构造函数的原型
3. constructor只有原型对象才有，默认指回prototype属性所在的构造函数，使用原型链继承之后，要给新的原型对象添加constructor属性并指向构造函数
4. 任何对象都有产生自己的构造函数，包括构造函数自己