JavaScript高级（四）显式原型和隐式原型

显式原型

先产生显式原型属性（prototype），再产生隐式原型属性（___proto __）
定义函数的时候空的Object是没有我们自己添加数据，其实它自己有：proto（隐式原型属性）、constructor（构造器）

隐式原型

什么拥有隐式对象？

实例对象

实例对象分为两类

：函数（有显式、隐式，也叫类型对象，它是Function的实例）、
new 构造函数（一般情况下，是类型的实例）
函数也是实例对象，但是有时候我们创建一个实例的对象的时候，不一定是函数。
我们把函数称为：类型对象（构造函数）

使两个引用变量指向同一个对象的方法

：将一个引用变量赋值给另外一个引用变量。
如下：

*隐式原型属性__proto__时什么时候产生的?
创建实例对象的时候产生的。
*创建隐式原型的时候内部执行了一条语句：
this.porto=构造函数.prototype;
**构造函数.prototype存的地址值，赋给__proto__。

1、每个函数function都有一个prototype，即显式原型
2、每个实例对象都有一个__proto__，可称为隐式原型

function Funn(){}
var Foo =new Function()
Function=new Function()
*所有函数的__proto__都是一样的。

对象的隐式原型的值【等于】对应构造函数的显式原型的值【非常重要】

4、内存结构图

5、总结：

***函数的prototype属性：在定义函数时自动添加的，默认是一个空的Object对象
***对象的__proto__属性：创建对象时自动添加的，默认值为构造函数的prototype属性值
***程序猿能直接操作显式原型，但不能直接操作隐式原型（ES6之前）

//（1）定义构造函数
    function Fn(){//内部 ：this.prototype={}

    }
//1、每个函数function都有一个prototype，即显式原型
console.log(Fn.prototype);

//2、每个实例对象都有一个__proto__，可称为隐式原型
var fn = new Fn();//内部：this.__proto__ = Fn.prototype;
console.log(fn.__proto__);//实际上不能直接操作隐式原型，这里是为了测试

//3、对象的隐式原型的值为其对应构造函数的显式原型的值
    console.log(Fn.prototype === Fn.__proto__);//false
    console.log(Fn.prototype === fn.__proto__);//true
//（2）原型添加方法
Fn.prototype.test=function () {
    console.log('test()');
}
//（3）通过实例对象调用原型的方法
fn.test();//test()