思维导图

JS高阶---函数的prototype_原型对象

 

 

栈堆翻译为为stack 

 

（1）原型与原型链

JS高阶---函数的prototype_原型链_02

 

概念一、原型对象

 

JS高阶---函数的prototype_思维导图_03

 

 

验证步骤：

　　1、打印Data函数的原型prototype

　　　　JS高阶---函数的prototype_调用方法_04

　　　　原型属性指向原型对象

　　　　JS高阶---函数的prototype_调用方法_05

　　　　　===ES源码结构分析示意===

　　　　　JS高阶---函数的prototype_原型链_06

 

 

 

 

 

 　　2、空对象

　　　　　JS高阶---函数的prototype_调用方法_07

 

 

 　　3、JS特点：动态添加属性

 　　　　JS高阶---函数的prototype_调用方法_08

 

 

 

 

小结：

prototype原型、constructor构造

1、每个函数有一个prototype原型属性，默认指向一个空对象即原型对象
2、原型对象里有个构造器属性constructor属性，指向函数对象

JS高阶---函数的prototype_调用方法_09

概念图：

JS高阶---函数的prototype_调用方法_10

构造函数与原型对象相互引用

给原型对象添加方法，给谁用？？？

给实例对象访问调用

JS高阶---函数的prototype_原型链_11

 

 接下来创建实例，调用方法... ...

JS高阶---函数的prototype_原型链_12

 

大纲：

JS高阶---函数的prototype_原型链_13

 

 

 

总结：

JS高阶---函数的prototype_添加属性_14

 

 

 

 

 

 

 

 

 

 

 

.