javascript關於批量處理物件導向程式碼

admin發表於2017-02-11
JavaScript物件

關於物件導向的一些操作可能會批量進行，下面是一段相關的例項程式碼，如有相關需求或者感興趣的朋友可以分析一下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>批量實現物件導向的例項</title> 
<script type="text/javascript"> 
window.onload = function(){ 
  function Person(name,age){ 
    this.name = name; 
    this.age = age; 
  } 
  Person.prototype.showName = function(){ 
    alert(this.name); 
  }; 
  function extend(parent,child,method){ 
    function a(){ 
      parent.apply(this,arguments); 
      child.apply(this,arguments); 
    }; 
    for(var i in parent.prototype){ 
      a.prototype<i>=parent.prototype<i>; 
    } 
    for(var i in method){ 
      a.prototype<i> = method<i>; 
    } 
    return a; 
  };//引數為父級建構函式,子級建構函式,子級方法 
  var int = extend(Person,function(name,age,job){ 
    this.job = job; 
  }, 
  { 
   showjob:function(){ 
    alert(this.job); 
   } 
  } 
);
var oc=new int('俠客',24,'工作'); 
oc.showjob(); 
} 
</script> 
</head> 
<body> 
<h1>物件導向繼承例項</h1> 
<p>開始展示批量實現物件導向的例項</p> 
</body> 
</html>

相關文章