原生JS大揭秘—看清JS继承本质

JS继承

理论源于生活、又高于生活
在JS中“继承”,和现实生活中继承是相似的
如:儿子继承父亲财产、子女的生理特性有父母的特性(身高、肤色、性格等等....)
只是一定比例上是这样的,不是绝对的一样

JS中继承方法有以下几种本质区别方法(特别注意是本质区别)

  • 冒充继承(也称之为借用构造函数)

    这种方法实现原理主要是利用了call/apply
      // 定义父“类”(ES6之前JS中没有严格意义上的“类”概念)
      function Parent(name, age) {
          this.name = name
          this.age = age
          this.run = function () {
              console.log('run...')
          }
      }
      // 定义子”类“
      Student.prototype.sid=200
      function Student(name, age, sex) {
          var _super = Parent
          // call方法强制更改this指向,注意这个方向只是单纯的操作当前this对象,并不会影响到其“原型对象”
          _super.call(this, name, age)
          delete _super
          this.sex=sex
      }
      
      var student=new Student("zs",20,"Male")
      console.log(student.name) // zs
      console.log(student.sid) // 200
      
  • 原型链继承

      // 定义父“类”(ES6之前JS中没有严格意义上的“类”概念)
      Parent.prototype.lastName='damon'
      function Parent() {
          this.lastName='pool'
      }
      // 定义子”类“
      // 子类的原型指向父类的一个实例对象
      Student.prototype=new Parent()
      function Student() {
      }
      
      var student=new Student()
      // 查找过程是怎么样的?
      /*
       1、首先会在对象student自身身上查找,
       2、如果找不到,则到原型上查找,那么student的原型是谁?
          student.__proto__===Student.prototype
          而Student.prototype=new Student也就是原型现在指向的是父类的实例
       3、所以到父类的实例上去查找,如果找不到,再到父类实例的原型上查找
       4、如果找不到,则到原型的原型上查找,此时到了Object.prototype身上
          Object.prototype.__proto__===null
       5、如果找不到,则返回undefined
      */
      console.log(student.lastName) // damon
      
尚未写完整,待续...
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值