JavaScript — 显式原型和隐式原型、原型链、探索instanceof

目录

一、原型（prototype）

1.函数的prototype属性

2.给原型对象添加一个属性（一般是方法）

二、显式原型和隐式原型 

三、原型链

1.原型链

2.构造函数/原型/实体对象的关系

3.属性问题 

四、探索instanceof

---

一、原型（prototype）

1.函数的prototype属性

每个函数都有一个prototype属性，它默认指向一个Object空对象（即成为：原型对象）

原型对象中有一个属性constructor，它指向函数对象

 

 

2.给原型对象添加一个属性（一般是方法）

作用：函数的所有实例对象自动拥有原型中的属性（方法）

    //每个函数都有一个prototype属性，它默认指向一个Object空对象（即成为：原型对象）
    console.log(Date.prototype,typeof Date.prototype);
    function Fn(){//统一更名 ctrl+d

    }
    console.log(Fn.prototype);  //默认指向一个Object空对象(没有我们的属性)
    
    //原型对象中有一个属性constructor，它指向函数对象
    console.log(Date.prototype.constructor === Date);//true
    console.log(Fn.prototype.constructor === Fn);//true

    //给原型对象添加属性（一般是方法） ===> 实例对象可以访问
    Fn.prototype.test = function(){
        console.log("test()");
    }
    let fn = new Fn()
    fn.test()   //"test()"

二、显式原型和隐式原型 

    1.每个函数function都有一个prototype，即显式原型（属性）

    2.每个实例对象都有一个__proto__，可称为隐式原型（属性）

    3.对象的隐式原型的值为其对应构造函数的显式原型的值

    4.内存结构