搞明白prototype和__proto__

2022-03-29 08:10:38 浏览数 (2)

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

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

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

代码语言:javascript复制


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 人点赞