关于原型和原型链的理解

在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__一层一层的就是原型链。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值