原型与原型链的理解

每创建一个构造函数里面都会默认有一个prototype属性，它默认指向一个Object空对象（又称为：原型对象）

 function Fun() {

    }

    console.log(Fun.prototype)

结果如下：

（并且原型对象中都有一个constructor属性，它指向函数对象）

给原型对象添加属性（方法），函数的所有实例对象都自动拥有原型中的属性方法）

原型又分为显式原型和隐式原型：

    显式原型：每个函数function都有一个prototype，也就是显式原型

    隐式原型：每个实例对象都有一个__proto__，也就是隐式原型

    对象的隐式原型的值=其对应构造函数的显示原型的值

function Fun() { //内部语句:Fun(this).prototype={}

    }



    var fun = new Fun() //会内部语句：fun(this).__proto__=Fun.prototype

    console.log(fun.__proto__ === Fun.prototype)

结果如下：

也就证实了创建一个实例对象的隐式原型的值=其对应构造函数的显示原型的值

总结：

    函数的prototype属性：在定义函数时自动添加的，默认是一个空的object对象

    对象的__proto__属性：创建对象时自动添加的，默认值为构造函数的prototype属性值

    程序员能够直接操作显式原型，但不能直接操作隐式原型（ES6之前）

用图片解释一下：

原型链：

    访问一个对象的属性时候，首先在自身属性中查找，查找到就返回；倘若没有，就沿着__proto__这条链向上查找，找到返回；倘若最终都没有找到，返回undefined

原型链的作用：查找对象的属性

​​​​​​​

函数的显示原型指向的对象默认是空的Object实例对象（但Object不满足）
function Fun() {
    }
    console.log(Fun.prototype instanceof Object)
    console.log(Function.prototype instanceof Object)
    console.log(Object.prototype instanceof Object)

运行结果：

2.所有函数都是Function的实例（包含Function）

function Fun() {

    }


    console.log(Function.__proto__ === Function.prototype)

运行结果：

3.Object的原型对象是原型链尽头

function Fun() {

   }

console.log(Object.prototype.__proto__)

运行结果：

总结一下：

1. 读取对象的属性值时：会自动到原型链当中查找
2. 设置对象的属性值时：不会查找原型链，如果当前对象没有此属性，直接添加此属性并设置其值
3. 方法一般定义在原型中，属性一般通过构造函数定义在对象本身上