JS高阶---显式原型和隐式原型

时间:2022-08-28 16:56:18

前言:

1、函数对象即函数的prototype原型属性指向原型对象,在创建函数时便存在,默认为空Object

2、实例对象的__proto__隐式原型在实例化创建实例时产生,值等于构造函数的显式prototype原型属性的值

3、开发时程序员操作显式原型在原型prototype上添加方法,不能直接操作隐式原型__proto__(ES6之前)

大纲:

JS高阶---显式原型和隐式原型

【主体】

(1)每个函数都有一个prototype原型属性,称之为显式原型属性或显式原型

(2)每个实例对象都有一个__prop__原型属性,称之为隐式原型属性或隐式原型

JS高阶---显式原型和隐式原型

JS高阶---显式原型和隐式原型

(3)验证

实例对象隐式原型 == 构造函数对象显式原型

JS高阶---显式原型和隐式原型

共同指向原型对象。

JS高阶---显式原型和隐式原型

且在创建时执行了this指向

JS高阶---显式原型和隐式原型

上述结构图如下

JS高阶---显式原型和隐式原型

(4)内存结构图

1、创建函数,函数名在栈空间

JS高阶---显式原型和隐式原型

JS高阶---显式原型和隐式原型

2、函数对象的prototype原型属性指向空对象object---原型对象,即

Fn.prototype→空object即原型对象

JS高阶---显式原型和隐式原型

3、创建实例对象 fn,地址值指向Fn的实例对象

JS高阶---显式原型和隐式原型

4、实例对象的__proto__属性即隐式原型

JS高阶---显式原型和隐式原型

5、给原型对象增加属性(大多为方法)

JS高阶---显式原型和隐式原型

JS高阶---显式原型和隐式原型

最后会添加到堆内存的原型对象里,所以可以引用。

【总结】

完整流程图

JS高阶---显式原型和隐式原型

.