美文网首页
JS中继承的写法

JS中继承的写法

作者: 成成成汤 | 来源:发表于2019-07-15 17:15 被阅读0次

    继承的两种写法

    i.Prototype 写法

    function Human(name){
       this.name = name;
    }
    Human.prototype.run = function
       console.log("我叫"+this.name+", 我在跑")
       return undefined
    }
    function Man(name){
       Human.call(this.name)
       this.gender = '男'
    }
    var f = function(){
       f.prototype = Human.prototype
       Man.prototye = new f()
    
       Man.prototype.fight = function(){
          console.log('糊你熊脸')
       }
    }
    

    ii.Class写法

    class Human {
       constructor(name){
          this.name = name
       }
       run(){
          console.log("我叫"+this.name+", 我在跑")
          return undefined
       }
    }
    class Man extends Human{
       constructor(name){
          supper(name)
          this.gender = '男'
       }
       fight(){
          console.log('糊你熊脸')
       }
    }
    

    iii.两种方法的区别

    两种方法都能实现继承,本质上ES6继承是ES5继承的语法糖,会更简单些,但是假如要添加一个非函数的属性,比如“种族:人类”。
    那么用 ES5 的方法会更方便操作,可以直接添加:

    Human.prototype.种族 = '人类'
    

    在 ES6 中只能用一种变通的方法来实现:

    class Human {
       constructor(name){
          this.name = name
       }
       run(){
          console.log("我叫"+this.name+", 我在跑")
          return undefined
       }
       get 种族(){
          return '人类'
    }
    }
    

    相关文章

      网友评论

          本文标题:JS中继承的写法

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