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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32


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__
//即子类的原型的原型,是父类的原型