JavaScript的原型及原型链

JavaScript的原型及原型链

分享一下自己对于JavaScript的原型链的学习笔记，如有错误，欢迎各位大佬指正！！！同时也希望能够帮助到你们，大家一起进步哇。
——————————我是分割线——————————————

原型：
每个函数都有一个prototype属性，它指向一个object空对象（即原型对象。其内没有我们自己添加的属性）。
prototype（函数的属性）中有一个属性constructor，它指向函数对象。（eg：（fun .prototype .constructor===fun）//true）

原型分类：
显式原型（属性）：每个函数function都有一个prototype属性（定义函数时自动添加的属性）
隐式原型（属性）：每个实例对象（创建的新对象，即将对象实例化）都有一个__proto__属性(2个下划线)（创建对象时自动添加的属性）
注意：对象的隐式原型的值为其对应的构造函数的显式原型的值。
即：

function Fn(){}
var fn=new Fn()
console.log(fn.__proto__===Fn.prototype)//true

原型链（又名隐式原型链）：查找对象的属性或方法。

附上图解1：
代码中注释部分是JavaScript内部的执行操作，{ }里有相应的代码。0x开头的是地址值。而箭头则表示调用方法时的查找顺序。

图解2：

基本的函数都满足的图解：注意事项：函数的显式原型默认指向一个空Object实例对象（但Object函数不满足）

Object.prototype instanceof Object    //false
Function.prototype instanceof Object  //true

所有函数都是Function的实例（包括Function函数）

Function.prototype===Function .__proto__    //true

Object的原型对象是原型链的尽头（即其__proto__=null）

查找方法的原理：
a instanceof b：a为实例对象，b是构造函数。如果b函数的显式原型对象（prototype）在a对象的原型链上，则返回true，反之则返回false。（上图中b走一步，指向显式原型对象，a走多步）

原型链的属性问题
读取对象属性时：如果对象没有此属性，会自动到原型链中查找。
设置对象属性时：如果对象没有此属性，则会自动添加此属性并设置其值，而不会查找原型链。
方法一般定义在原型中，属性一般通过构造函数定义在对象本身。
原型继承：基于对象继承。

最后，希望大家可以尝试去画一画图，然后自己举一些例子进行巩固哦。