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

客官°小女子只卖身不卖艺 2021-12-18 14:15 306阅读 0赞

## 显式原型 ##

先产生显式原型属性（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()