美文网首页
JS里的继承

JS里的继承

作者: 彭奕泽 | 来源:发表于2018-06-04 22:21 被阅读0次

1. 继承

  1. 简介
    一层原型链搜索不叫继承,两层原型链的搜索才叫继承

    let a = new Array();
    a.__proto__ === Array.prototype
    a.push()  
    //这个方法是Array.prototype的,不是继承
    
    a.__proto__.__proto__ === Object.prototype
    a.valueOf()  
    //这个方法是Object.prototype里的,是继承
    

    a.valueOf()这个方法就叫继承的

  2. 实现

  • ES5的继承
    function Human(name){
      this.name = name;
    }
    Human.prototype.run = function(){
      console.log("我叫" + this.name + "我在跑步")
      return
    }
    
    function Man(name){
      Human.call(this,name);  
      //引用Humnan的自身的属性属性
      this.gender = '男'
    }
    Man.prototype.fight = function(){
      console.log('打架')
    }
    Man.prototype.__proto__ = Human.prototype
    //将Man的原型的原型指向Human.prototype
    let pyz = new Man('pyz')
    
    这样pyz.run就是继承属性,因为经过了两层原型链的搜索。
    兼容IE,Man.prototype.__proto__ = Human.prototype这句IE不支持,可以写成下面这样
    let f = function(){}
    f.prototype = Human.prototype
    Man.prototype = new f();
    
  • ES6
    class Human{
      constructor(name){
        this.name = name
      }
      run(){
        console.log('我叫' + this.name + '我在跑步')  
        return
      }
    }
    
    class Man extends Human{  //继承Human的原型链
      constructor(name){
        super(name)  //用它继承的类里的name
        this.gender = '男'
      }
      fight(){}
    }
    
  1. ES5、ES6的优劣
    用ES6在原型声明非函数的方法很奇怪。。。
    ES5可以Human.prototype.race = '人类'

相关文章

  • JS里的继承

    1. 继承 简介一层原型链搜索不叫继承,两层原型链的搜索才叫继承let a = new Array();a.__p...

  • JS里的继承

    什么是继承继承的原理如何完成JS的继承? 什么是继承 继承就是子类拥有父类的各种属性和方法那什么是类?这里的JS的...

  • #js继承

    js继承的概念 js里常用的如下两种继承方式: 原型链继承(对象间的继承)类式继承(构造函数间的继承) 类式继承是...

  • Js的继承

    js的继承 @(js)[继承, js, 前端] 组合继承是原性链继承和构造函数继承的合体,它汲取了二者各自的有点,...

  • JS继承

    JS中的继承 许多OO语言都支持两种继承方式:接口继承和实现继承; 因为JS中没有类和接口的概念 , 所以JS不支...

  • 面向对象五

    面向对象高级二 总结 PHP 里的面向对象、继承方式 JS 里的继承方式 call(构造函数伪装) 和 proto...

  • JS里的类和继承

  • js继承遇到的小问题

    这两天在看js继承方面,它不像OC那种传统的类继承。js继承方式还是挺多的。比如:原型继承、原型冒充、复制继承 原...

  • JS中继承的实现

    JS中继承的实现 #prototype (js原型(prototype)实现继承) 全局的Function对象没有...

  • JavaScript 10

    js继承的概念 1.通过原型链方式实现继承(对象间的继承) 2.类式继承(构造函数间的继承) 由于js不像Java...

网友评论

      本文标题:JS里的继承

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