显示原型属性和隐藏原型属性理解

JavaScript中,每个函数都有一个prototype属性,指向原型对象。当函数作为构造函数时,新创建的对象会有一个__proto__属性,指向构造函数的prototype。对象属性查找会沿着原型链进行,直至Object.prototype.__proto__指向null。
摘要由CSDN通过智能技术生成

显示原型属性和隐藏原型属性理解

概念

首先想说一句真的javascript真的很多的地方都好像java呀,让我们来好好的理解一下JavaScript

  1. javasript也是一样的道理一切皆为对象,这也是es6引入java的重要依据
  2. 我们创建的每一个函数,解析器都会向函数中添加一个属性prototype(除了一些内建函数)。这个属性是一个指针,指向一个原型对象。(也可以这个属性对应这个一个原型对象——prototype:原型对象)
  3. 若这个函数作为普通函数,则这个prototype属性没有任何作用;但若这个函数作为构造函数用于创造对象,则这个对象会有一个隐含属性__proto__,这个隐含属性__proto__也指向这个原型对象。
    所以可以得出这个结论: Object.prototype===实例对象.proto
class Dog{
  constructor() { 
  }
}
let dog=new Dog();
console.log(Dog.prototype===dog.__proto__)

请添加图片描述

结果如下​💹
在这里插入图片描述
在这里插入图片描述

区别

显示原型:Fun是构造函数(可以理解为类),Function上的prototype的属性
隐式原型:fun是由构造函数new出来的对象,fun中的__proto__是fun的属性
关联:fun的隐式原型指向Fun构造函数的显示原型
当我们尝试获取实例(new出来的对象)的属性和方式时,首先会在本身的属性和方法中进行查找,找不到的话就通过隐式原型找到显示原型(也就是找到创造这个对象的类),去这里原型上的属性和方法,找不到就会顺着原型链一直向上,如果再找不到的话Object.__proto__就会抛出underfind,原因是就是因为Object.__proto__永远指向null。

参考:https://blog.csdn.net/HSH541/article/details/124351759;
https://blog.csdn.net/karrymylove/article/details/117121102#:~:text=显示原型:Fun是构造函数 (可以理解为类),Function上的prototype的属性,隐式原型:fun是由构造函数new出来的对象,fun中的__proto__是fun的属性 关联:fun的隐式原型指向Fun构造函数的显示原型 当我们尝试获取实例(new出来的对象)的属性和方式时,首先会在本身的属性和方法中进行查找,找不到的话就通过隐式原型找到显示原型(也就是找到创造这个对象的类),去这里原型上的属性和方法,找不到就会顺着原型链一直向上,如果再找不到的话Object.__proto__就会抛出underfind,原因是就是因为Object.__proto__永远指向null。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一个不爱学习的小白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值