javascript 实现继承

本文记录 prototype constructor  实现javascript继承。

//1:object 对象
//2:function 对象
//2:function Prototype 模式
//拷贝，深拷贝和浅拷贝
//prototype constructor 方式 ,改变原型,定向构造函数

 

直接上代码，

<html>
<head>
  <meta charset="utf-8" />
  <title>JS OO</title>
  <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta content="telephone=no" name="format-detection" />
  <meta name="apple-mobile-web-app-capable" content="yes" />   
</head>
<body>  
    
    <script>
        //1:object 对象
        //2:function 对象
        //2:function Prototype 模式
        //拷贝，深拷贝和浅拷贝
        //prototype constructor 方式 ,改变原型,定向构造函数
        
        function person(name,sex){
            this.name=name;
            this.sex= sex;
        }
        person.constructor={};
        person.prototype={
            getName:function(){
                return this.name;
            },
            getSex:function(){
                return this.sex;
            },
            age:19
        } 
        //哪国人对象 
        function nationer(name,sex,nation){
            this.name=name;
            this.sex=sex;
            this.nation=nation;
        }
        nationer.prototype=new person(); 
        nationer.prototype.constructor=nationer;
        nationer.prototype.getNation=function(){
            return this.nation;
        }
        //哪国哪省人
        function proviceor(name,sex,nation,provice){
            this.name=name;
            this.sex=sex;
            this.nation=nation;
            this.provice=provice;
        }
        proviceor.prototype=new nationer();
        proviceor.prototype.constructor=proviceor;
        proviceor.prototype.getProvice=function(){
            return this.provice;
        }
        
        var hb = new proviceor('zc','male','china','hb');
    </script>
</body>
</html>

 

结构：

 

 

 

 

 

 

作者：zc
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
posted @ 2015-11-03 10:35  卖果子的小男孩  阅读(145)  评论(0)  编辑  收藏  举报