广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 软件专业 > 前端开发专业 > 正文

​Web前端开发|什么是原型?_惠州前端培训学校

作者:alu发布时间:2022-03-20分类:前端开发专业浏览:1175


导读:什么是原型?接下来惠州北大青鸟老师给大家分享一下,希望对大家有帮助。

什么是原型?接下来惠州北大青鸟老师给大家分享一下,希望对大家有帮助。

原型是Javascript中的继承的继承,JavaScript的继承就是基于原型的继承。

1.1函数的原型对象

在JavaScript中,我们创建一个函数A(**就是声明一个函数**),那么浏览器就会在内存中创建一个对象B,而且每个函数都默认会有一个属性prototype指向了这个对象(即:prototype的属性的值是这个对象)。这个对象B就是函数A的原型对象,简称函数的原型。这个原型对象B默认会有一个属性constructor指向了这个函数A (意思就是说:constructor属性的值是函数A )。

看下面的代码:

下面的图描述了声明一个函数之后发生的事情:

1.2使用构造函数创建对象

当把一个函数作为构造函数(理论上任何函数都可以作为构造函数)使用new创建对象的时候,那么这个对象就会存在一个默认的不可见的属性,来指向了构造函数的原型对象。这个不可见的属性我们一般用[[proto]]来表示,只是这个属性没有办法直接访问到。

看下面的代码:

观察下面的示意图:

说明:

从上面的图示中可以看到,创建p1对象虽然使用的是Person构造函数,但是对象创建出来之后,这个p1对象其实已经与Person构造函数没有任何关系了,p1对象的[[ proto ]]属性指向的是Person构造函数的原型对象。 如果使用new Person()创建多个对象,则多个对象都会同时指向Person构造函数的原型对象。 我们可以手动给这个原型对象添加属性和方法,那么p1,p2,p3...这些对象就会共享这些在原型中添加的属性和方法。 如果我们访问p1中的一个属性name,如果在p1对象中找到,则直接返回。如果p1对象中没有找到,则直接去p1对象的[[proto]]属性指向的原型对象中查找,如果查找到则返回。(如果原型中也没有找到,则继续向上找原型的原型---原型链。 后面再讲)。 如果通过p1对象添加了一个属性name,则对p1对象来说就屏蔽了原型中的属性name。 换句话说:在p1中就没有办法访问到原型的属性name了。 通过p1对象只能读取原型中的属性name的值,而不能修改原型中的属性name的值。p1.name = "李四";并不是修改了原型中的值,而是在p1对象中给添加了一个属性name。

看下面的代码:

想学前端,联系在线客服,或者可以来惠州北大青鸟新方舟校区详细了解。


标签:惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟


前端开发专业排行
标签列表
网站分类
文章归档
最近发表