多语言展示
当前在线:1709今日阅读:67今日分享:44

原型链和原型对象的应用场景js

原型链和原型对象的应用场景js
工具/原料

js

方法/步骤
1

1.在Javascript中,当系统加载构造函数后,会自动在内存中生成一个对象,这个对象就是原型对象。两者之间在内存中表现为相对独立,不存在谁包含谁的关系。但是两者之间又有一些关联,在构造函数的内部存在一个prototype属性指向原型对象,同时在原型对象的内存也存在一个属性constructor其指向了构造函数。原型对象

2

2.当构造函数实例化的对象访问一个不存在的属性或方法,系统会自动到当前构造器所指向的原型对象中去寻找,找到则直接使用。1).原型对象的作用2).证明原型对象的存在与构造器之间的互相指向关系?

3

3、原型对象的应用场景例1:使用原型对象扩展自定义对象

4

4.例2:扩展数组类(Array)的功能:为每一个数组对象添加一个方法,可以查找某个元素的所在位置var arr = [10,20,30,40,50,60];arr.find(50); //50在数组元素中的索引值4

5

5.所有的原型对象在实例化时都会自动指向以下语句:类名.prototype = new Object();由此可知,所有的原型对象都是Object类的实例

6

6.在Object类的内部存在一个方法hasOwnProperty,如果原型对象是Object类的实例,会自动继承这个方法。代码和原理图:通过原理图由此可知,所有的原型对象都是Object类的实例

7

7.当Person构造器的实例化对象p1访问不存在的属性或方法时,系统会自动到Person构造器的所指向的原型对象中去寻找,又由于所有的原型对象都是Object构造器实例化的结果,所以当Person原型对象访问一个不存在的属性或方法时,系统会自动到Object构造器的原型对象中去寻找…我们把这种链式的查询关系就称之为“原型链”。证明原型链的存在:通过代码和原理图理解

推荐信息