搞明白prototype和proto

xinxin-l

发布于 2022-03-29 08:10:38

3340

发布于 2022-03-29 08:10:38

文章被收录于专栏：xinxin的随笔记录xinxin的随笔记录

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

在我自己动手敲代码之前，对于原型对象、父类子类等的了解只是停留在概念上，对于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__
//即子类的原型的原型，是父类的原型

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-02-15，如有侵权请联系 cloudcommunity@tencent.com 删除

prototype