在JavaScript中,继承通过构造函数和原型链来实现
<script>
let a = new Object()
a.name = "aa"
console.log(a.valueOf())//{name: "aa"}
</script>
我们并没有给a对象添加valueOf方法,但a对象却可以调用valueOf方法。这就和原型链有关了。
在JavaScript中,每个函数都有一个原型对象,通过prototype属性可以访问该原型对象
<script>
function a(){}
console.log(a.prototype)
</script>
输出如下:
当我们用构造函数的方式实现继承时:
<script>
function Person(name){
this.name=name
}
Person.prototype.sayHello=function(){
console.log('how are you')
}
let man=new Person('mannnn')
let women=new Person('womennnnnn')
console.log(man.name)
console.log(women.name)
man.sayHello()
women.sayHello()
console.log(man.sayHello===women.sayHello)
</script>
可见,构造函数的原型对象是其所有的实例对象都能访问的,构造函数的原型对象就是其实例对象的原型。
对象都有一个__proto__属性,该属性指向对象的原型,比如上例中,man.proto===Person.prototype
原型对象都有一个constructor属性,指向对应的构造函数
如果要访问man的age属性,但是man本身没有这个属性,那么就上man的__proto__属性所指向的原型上面找,也就是Person.prototype,当Person.prototype上也没有时,就上Person.prototype.__proto__上找,层层找去,直到Object.prototype.proto===null,这样根据__proto__一层一层的就是原型链。