【javascript】把这些代码认真敲一遍,搞明白prototype和__proto__

实践是最好的证明,一定要相信这句话

在我自己动手敲代码之前,对于原型对象、父类子类等的了解只是停留在概念上,对于prototype和__proto__也是自认为明白清楚,但在真正动手敲一遍代码实现之后,才发现原来真的是需要自己边敲边领悟的啊

代码就放在下面了,很简单,但是需要不停地去琢磨答案为什么是这样,最终会明白,哦,原来是这样~



class A {
}
class B extends A {
}
console.log(A)//class A
console.log(A.prototype)//{}
console.log(A.__proto__)//{}
console.log(A.__proto__===Function.prototype)//true
console.log(A.__proto__.prototype)//undefined
console.log(A.prototype.__proto__)//[Object:null prototype]{}
console.log(A.prototype.prototype)//undefined

console.log(B)//class B extends A
console.log(B.__proto__)//class A  B的父类是A
console.log(B.prototype)//A {}  说明B的原型对象是A的原型对象的实例
console.log(B.prototype.prototype)//undefined
console.log(B.prototype.__proto__===A.prototype)//true
console.log(B.__proto__.prototype===A.prototype)//true


//实例
let a=new A()
let b=new B()
console.log(b.__proto__)//A{}  等于B的原型对象的值
console.log(b.__proto__.prototype)//undefined
console.log(a.__proto__)//{}
console.log(b.__proto__.__proto__)//{}  指向的是父类实例的__proto__
//即子类的原型的原型,是父类的原型


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值