Javascript中关于原型继承的问题

Question

本例只是以学习JS原型链为主，如果是对象封装或其他方法不在考虑。

【想要实现】：父类调用 DOM0级事件处理程序，子类调用IE和DOM2级事件处理程序。实例化子类可以为元素节点添加事件和删除，如果不能满足则继续查找父类中的方法。

【问题】 感觉是 this的问题。

在线调试地址：http://jsbin.com/dahefo/1 

//html  <input type='button' value='按钮' id='btn'>
//基类 定义初始的DOM0级事件处理程序
function Basevent(ele,type,func){
  this.ele=ele;
  this.type=type;
}
Basevent.prototype={
  constructor:Basevent,
  addEvent:function(){
  	ele['on'+type]=func;//添加 
  }, 
  removeEvent:function(){
  	ele['on'+type]=Null;//删除
  } 
};

//子类继承基类 定义DOM2级和IE兼容版本
function Subevent(ele,type,func){
  Basevent.apply(this,arguments);
}

Subevent.prototype=Object.create(Basevent.prototype);
Subevent.prototype={
  
  constructor:Subevent,
  //添加事件
  addEvent:function(){
    if(this.ele.addEventListener){ //DOM2级
    	
     this.ele.addEventListener(type,func,false);
    }else{ //ele.atachEvent IE
    	alert(2);
      this.ele.atachEvent('on'+type,func);
    }
  },
  //删除事件
  removeEvent:function(){
    if(this.ele.removeEventListener){ //DOM2级
      this.ele.removEventListener(type,func,false);
    }else{ //ele.detachEvent IE
      this.ele.detachEvent('on'+type,func);
    }   
  }
   
};

/*********************/
var btn=document.getElementById('btn');
function showMes(){
  alert('执行了一个点击事件！');
}
var demo=new Subevent(btn,'click',showMes);
demo.addEvent();

Answer 1

Subevent.prototype=Object.create(Basevent.prototype); Subevent.prototype={……} 这个，你把Subevent的原型赋值了一个新的对象，就不能去继承Basevent.prototype了，可以改为 Subevent.prototype={……} Object.setPrototypeOf(Sbevent.prototype,Basevent.prototype） 这样就把原型对象加上了。