JS原型链

JS原型与原型链

一. 构造函数

构造函数就是为了创建一个自定义类,并且创建这个类的实例。
构造函数首字母大写。
构造函数需要new关键字来调用。
(需要原型的原因)
每创建一个Person构造函数,在Person构造函数中,为每一个对象都添加了一个sayName方法,也就是说构造函数每执行一次就会创建一个新的sayName方法。这样就导致了构造函数执行一次就会创建一个新的方法,执行10000次就会创建10000个新的方法,而10000个方法都是一摸一样的,为什么不把这个方法单独放到一个地方,并让所有的实例都可以访问到呢?这就需要原型(prototype)

二.原型

在JavaScript中,每当定义一个函数数据类型,都会自带一个prototype属性,这个属性指向函数的原型对象,并且这个属性是一个对象数据类型的值。
在这里插入图片描述

原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中。

三.原型链

1,_proto_和constructor
每一个对象数据类型(普通的对象、实例、prototype…)也自带一个属性_proto_,属性值是当前所属类的原型(prototype)。原型对象中有一个constructor,它指向函数对象。
在这里插入图片描述

2,何为原型链
在JavaScript中万物都是对象,对象和对象之间也有关系,并不是孤立存在的。对象之间的继承关系,在JavaScript中通过prototype对象指向父类对象,直到指向object对象为止,这样就形成了一个原型指向的链条。也就是原型链。
person–>Person–>Object(普通人继承人类,人类继承对象类)

1.当我们访问对象的一个属性或者方法时,它会先在对象自身中寻找,如果有则直接使用,如果没有则会去原型对象中寻找,如果找到则直接使用。如果没有则去原型的原型中寻找,直到找到Object对象的原型,Object对象的原型没有原型,如果在Object原型中依然没有找到,则返回undefined。
2.可以使用对象的hasOwnProperty()来检查对象自身中是否含有该属性。
可以使用in检查对象中是否含有某个属性时,如果对象中没有但是原型中有,也会返回true。
在这里插入图片描述

person实例中没有a这个属性,从person对象中找不到a属性就会从person的原型也就是person.proto,也就是Person.prototype中查找,找到a的值为123,假如person._proto_中也没有该属性,又该如何查找?

当读取实例的属性时,如果找不到,就会查找与对象关联的原型中的属性,如果还查不到,就去找原型的原型,一直找到最顶层的Object为止。
Object是JS中所有对象数据类型的基类(最顶层的类),在object.Prototype上没有_proto_这个属性。
Console.log(Object.prototype.proto===null)//true

在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值