码迷,mamicode.com
首页 > 编程语言 > 详细

javascript 实现继承

时间:2015-11-03 12:11:44      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:

本文记录 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
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

javascript 实现继承

标签:

原文地址:http://www.cnblogs.com/jmzs/p/4932413.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!