zoukankan      html  css  js  c++  java
  • 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
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    python学习--大数据与科学计算第三方库简介
    养生轴---茶轴
    MobaXterm的安装和使用
    如何解决RIP的问题
    评论博客时注意的地方
    回忆老师教学博客
    助教自我介绍
    《构建之法》读书笔记1
    插入排序
    总结之H3C汇聚层交换机认证在线人数展示系统
  • 原文地址:https://www.cnblogs.com/jmzs/p/4932413.html
Copyright © 2011-2022 走看看