批量实现面向对象的实例

当前位置 : 首页 > 网页制作 > CSS > 批量实现面向对象的实例

批量实现面向对象的实例

来源: 作者: 时间:2016-01-29 09:12
!DOCTYPE html html head meta charset=utf-8 title批量实现面向对象的实例/title script type=text/javascript window.onload = function(){ function Person(name,a...
 
<!DOCTYPE > 
<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> 

 

Tag:
网友评论

<