当前位置:首页 > Web开发 > 正文

显式原型和隐式原型

2024-03-31 Web开发

1、函数对象即函数的prototype原型属性指向原型对象,在创建函数时便存在,默认为空Object 2、实例对象的__proto__隐式原型在实例化创建实例时产生,值等于构造函数的显式prototype原型属性的值

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

大纲:

技术图片

【主体】

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

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

技术图片

技术图片

(3)验证

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

技术图片

共同指向原型对象。

技术图片

且在创建时执行了this指向

技术图片

上述结构图如下

技术图片

(4)内存结构图

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

技术图片

技术图片

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

Fn.prototype→空object即原型对象

技术图片

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

技术图片

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

技术图片

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

技术图片

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

【总结】

完整流程图

技术图片

.

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

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/41865.html