js原型和原型链的总结

一、原型

对象三角关系

  1. 每个"构造函数"中都有一个默认的属性叫做prototype,保存着一个对象, 这个对象我们称之为"原型对象"
  2. 每个"原型对象"中都有一个默认的属性叫做constructor,指向当前原型对象对应的那个"构造函数"
  3. 通过构造函数创建出来的对象我们称之为"实例对象",每个"实例对象"中都有一个默认的属性叫做__proto__,指向创建它的那个构造函数的"原型对象"
    在这里插入图片描述

Function函数

  1. 所有函数都是通过Function构造函数创建出来的对象
  2. Function函数的prototype属性指向Function原型对象
  3. Function原型对象的constructor指向它对应的构造函数
  4. Person构造函数是Function构造函数的实例对象, 所以也有__proto__属性,Person构造函数的__proto__属性指向Function原型对象
    在这里插入图片描述

Object函数

  1. JavaScript函数是引用类型(对象类型), 所以Function函数也是对象,“Function构造函数”__proto__属性指向"Function原型对象"
  2. JavaScript中还有一个系统提供的构造函数叫做Object
  3. Object函数的prototype属性指向Object原型对象
  4. Object原型对象的constructor指向它对应的构造函数
  5. Object构造函数是Function构造函数的实例对象, 所以也有__proto__属性,Object构造函数的__proto__属性指向Function原型对象

在这里插入图片描述

总结

  1. 所有函数的 prototype 指向他的原型对象
  2. 所有原型对象的 constructor指向他的函数
  3. 所有对象都可以通过 proto 找到Object 原型对象
  4. 所有函数都可以通过 proto 找到Function原型对象
  5. 对象的 proto 属性指向原型一直到Object的原型对象

二、原型链

  1. 对象中__proto__组成的链条我们称之为原型链
  2. 对象在查找属性和方法的时候, 会先在当前对象查找,如果当前对象中找不到想要的, 会依次去上一级原型对象中查找,如果找到Object原型对象都没有找到, 就会报错

在这里插入图片描述

  • 0
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值