JS继承

作者: 流着万条永远的河 | 来源:发表于2017-11-06 17:58 被阅读0次

    一个对象直接使用另外一个对象的属性和方法。
    如何实现?
    得到一个类的属性,得到一个类的方法。
    比如,写个人的函数,再写个男人的函数,女人的函数,男人也是人啊,必须要可以使用人的方法属性的。再有,如果人突变了,身高变了,那男人女人都要变吧。这就是继承的意思,又可以省代码,还可以把共性统一管理。

    
    function person(name,sex){
      this.name = name
      this.sex = sex
    }
    person.prototype.say = function(){
      console.log(this.name)
    }
    function man(){
      this.age = age
    } 
    man.prototype.say = function(){
      console.log(this.age)
    }
    

    属性获取

    function man(name,sex,age){
      person.call(this,name,sex)
      this.age = age   //属性的this,需要new的时候,才可以被使用赋值的。
    } 
    

    方法获取

    先说思路,只要让自己的prototype里面有person的prototype的内容就行了,方法很多。
    先引入一个方法叫Object.create()


    它能把对象放到一个空对象的proto里。
    man.prototype===Object.create(person.prototype)) //设置它的方法库指向person的方法库
    

    可以直接写成一个万能函数:

    function get(newobj,oldobj){
      var proto = Object.create(oldobj.prototype)
      proto.constructor = newobj
      newobj.prorotype = proto
    }
    

    完整代码,注意顺序!

    function person(name,sex){
      this.name = name
      this.sex = sex
    }
    person.prototype.say = function(){
      console.log(this.name)
    }
    function man(name,sex,age){
      person.call(this,name,sex)
      this.age = age
    } 
    
    man.prototype = Object.create(person.prototype)
    man.prototype.saysex = function(){
      console.log(this.sex)
    }
    
    var ha = new man('haha','male',26)
    ha.saysex()
    ha.say()
    

    先把原型赋值,然后再去新增。
    还有一个缺点,赋值的那个对象,只有proto,少了constructor,这个属性应该指向自己的。
    如果不用ES5呢?
    属性那步不变的。
    方法上,不用Object.create,,,
    new person???
    man.prototype = new person
    man.prototype.constructor = man
    
    如图

    hasOwnPrototype

    有木有自身属性,而不是继承得来的的?



    报错的那个,是因为它是最后一代了,没做过父母,还木有prototype呢。不能再犯错了哦。

    相关文章

      网友评论

          本文标题:JS继承

          本文链接:https://www.haomeiwen.com/subject/euvlmxtx.html