美文网首页Web前端之路
继承之原型继承和构造函数继承

继承之原型继承和构造函数继承

作者: baiying | 来源:发表于2017-03-31 10:23 被阅读34次

原型继承

//无法实现多重继承,创建了一个子类的实例
//如果对子类实例的属性进行了修改,那么创建其他子类的时候都会受到影响
function superfunc(){
   this.name = "baiying";
  this.age = 18;
  this.getName = function(){
    alert(this.age +"岁的"+this.name);
   }
 }

 function sub(){
   this.hobby = 'eat';
 }


 sub.prototype = new superfunc();
 var huanglizhen = new sub();
 console.log(huanglizhen.hobby); //eat
 huanglizhen.getName();//alert "18岁的baiying"

借用构造函数:可传参

 function superfunc1(){
   this.name = "baiying";
   this.age = 18;
   this.getName = function(){
     alert(this.age +"岁的"+this.name);
   }
 }

 function sub1(){
   this.hobby = 'eat';
   superfunc1.call(this);
 }
 var huanglizhen = new sub();
 console.log(huanglizhen.hobby); //eat
 huanglizhen.getName();//alert "18岁的baiying"

相关文章

  • js基础之实现继承的几种方式

    js 实现继承的方式有: 原型链继承; 构造函数继承; 组合继承(原型链继承 + 构造函数继承)(最常用);(原型...

  • JavaScript的六种继承方式

    JavaScript的几种继承方式 原型链继承 借助构造函数继承(经典继承) 组合继承:原型链 + 借用构造函数(...

  • 浅谈javaScript继承

    原型和构造函数 prototype属性对Object添加属性和方法 构造函数实例化过程 原型和继承 简单继承 继承

  • 浅析JS继承方法

    JS 实现继承的方法有:1.原型链继承2.构造函数继承3.组合继承(原型链继承 + 构造函数继承)4.原型式继承(...

  • 原型链

    原型继承 构造函数继承? 函数对象 原型prototype

  • Javascript如何实现继承

    构造函数继承 原型构造函数组合继承

  • js的继承方式

    1 类式继承 子类的原型对象 2 构造函数继承 创建即继承 3 组合继承 (类式继承和构造函数...

  • js的继承方式

    js的继承方式 一、原型链继承 原型继承的缺点: 二. 构造函数继承 构造函数继承的缺点: 三. 组合式继承 组合...

  • 关于各种继承

    原型链继承: 构造函数继承: 组合继承:

  • js中实现继承的方式

    原型继承 借用构造函数继承 组合继承:

网友评论

    本文标题:继承之原型继承和构造函数继承

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