帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）

帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）

https://blog.csdn.net/cc18868876837/article/details/81211729

 

帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）
https://blog.csdn.net/cc18868876837/article/details/81211729

constructor  ---- 构造函数 构造器  建造者，制造者，建造商
__proto__    ----  原型链
prototype    ----  原型;雏形;最初形态

对象有： constructor ,__proto__
函数有： prototype
函数是特殊的对象，所以函数有 prototype, constructor,__proto__

function Foo(){}
let f1=new Foo();

函数创建的对象.__proto__ === 该函数.prototype，
该函数.prototype.constructor===该函数
==>
f1.__proto__===Foo.prototype
Foo.prototype.constructo===Foo

constructor:
对象特有，从一个对象指向一个函数，指向该对象的构造函数

__proto__:
对象特有，从一个对象指向一个对象
          a.__proto__ 表示a的父对象
          a.__proto__.__proto__ 表示a的爷爷对象
          ...
当访问一个对象的属性时候，如果此对象不存在，则往父对象找，如果还不存在，往爷爷对象找...

prototype:
函数特有，从一个函数指向一个对象，函数的原型对象
Foo.prototype==f1.__proto__==Object{constructor:function Foo() ... }

 

1. f1               ==>     Object{  }
2. f1.__proto__     ==>     Object{ constructor: Foo() }
3. f1.constructor   ==>     Foo()  

1. Foo              ==>     function Foo()
2. Foo.prototype    ==>     Object{ constructor: Foo() }