网站地图    收藏   

主页 > 前端 > css教程 >

批量实现面向对象的实例 - html/css语言栏目:h

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] !DOCTYPE html html head meta charset=utf-8 title批量实现面向对象的实例/title script type=text/javascript window.onload = function(){ function Person(name,a......

 
<!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> 

 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论