四张图带你搞定原型和原型链

    function Test(){}    //相当于    let Test = new Function();

那么`Function函数`又是谁生成的呢？`Function函数`也是函数，刚刚我们说函数是通过`new Function`生成，但它是一种特殊的情况，不通过任何东西创建，它是JS引擎启动的时候直接添加到内存当中的。

function Test(){
}let obj = new Test();// obj.__proto__ === Test.prototype; 返回true

function Test(){    return {};// 这里{}是语法糖，本质上是通过new Object()创建的}let obj = new Test();//由于Test函数中返回 {}，所以new Test()的结果是 let obj = new Object()// obj.__proto__ === Object.prototype; 返回true

function Add(name,age){       this.name = name;       this.age = age; }
Add.prototype.say = function(){     console.log("法医",this.name,this.age)}let obj1 = new Add("前端猎手",18);let obj2 = new Add("仵作",20);  obj1.say(); //法医 前端猎手 18 obj2.say(); //法医 仵作 20

        function Test(){                }        let obj = new Test();//这里的 obj 可以表示图中的自定义对象

       function Test(){}       //相当于       let Test = new Function();              Test.__proto__ === Function.prototype; // true

我们都知道所有的函数都有共同的成员，比如`call`、`apply`、`bind`等等，我们并没给自定义函数上加上这些成员，那么为什么可以使用呢？这是因为所有的函数的隐式原型指向Function的原型，这些方法都存在于`Function的原型`上，所以每个函数都可以使用这些成员，这就是继承的效果。
继续来看，自定义函数可以通过new创建自定义对象，自定义对象也是对象，那必然有隐式原型`__proto__`，指向创建该对象的函数原型，所以自定义对象的隐式原型指向自定义函数原型，那么自定义函数原型又指向谁呢？不知道大家是否还记得我在原型那部分说过一句话：`默认情况下，prototype是一个普通的Object对象`，所以可以认为`prototype`是通过`new Object()`创建的，所以prototype是个对象，故自定义函数的prototype的隐式原型指向Object的原型，看代码：

        function test(){};//自定义函数                test.prototype.__proto__ === Object.prototype;// true    

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4ab876b825bd4cc59af5f75e04d64a7f~tplv-k3u1fbpfcp-watermark.image)
>  📣 特殊点：Object的原型的隐式原型指向`null`，`Object.prototype.__proto__ === null`，返回true
现在知道什么是原型链了吧，`自定义对象的隐式原型`指向`自定义函数的原型`，`自定义函数的原型的隐式原型`又指向`Object原型`，`Object原型`又指向`null`，这种链式的关系就是`原型链`

function Fayi() {}Fayi.prototype.camel = function() {}
var u1 = new Fayi();var u2 = new Fayi();
console.log(u1.camel === u2.camel); console.log(Fayi.prototype.constructor);console.log(Fayi.prototype === Function.prototype);console.log(Fayi.__proto__ === Function.prototype); console.log(Fayi.__proto__ === Function.__proto__); console.log(u1.__proto__ === u2.__proto__);  console.log(u1.__proto__ === Fayi.__proto__); console.log(Function.__proto__ === Object.__proto__);console.log(Function.prototype.__proto__ === Object.prototype.__proto__);console.log(Function.prototype.__proto__ === Object.prototype);