博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
inheritprototype原型继承封装及综合继承最简实例
阅读量:6536 次
发布时间:2019-06-24

本文共 1194 字,大约阅读时间需要 3 分钟。

1、inheritprototype.js

;(function(){

    var s = {
        inheritObject:function(o){//对象继承封装
            var F = function(){};
            F.prototype = o;
            return new F();
        },
        inheritPrototype:function(subclass,supperclass){//原型继承封装
            var obj = this.inheritObject(supperclass.prototype);
            obj.constructor = subclass;
            subclass.prototype = obj;
        }
    };
    window.$ = window.s = s;//起别名并把闭包内的命名空间对象s暴露出去
})(window);

2、inheritprototype.html

<!DOCTYPE html>

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/inheritprototype.js"></script>
</head>
<body>
</body>
<script type="text/javascript">
;(function(){
    function Shape(){//超类
        this.name = 'Lucy';
        this.type = '超体者'
    }
    Shape.prototype = {
        init:function(){
            var name = this.getname();
            var type = this.gettype();
            console.log(name);
            console.log(type);
        },
        getname:function(){
            return this.name;
        },
        gettype:function(){
           return this.type;
        }
    }
    function Triangle(){//子类
        Shape.apply(this);//this继承构造体
        this.sex = '女';
    }
    $.inheritPrototype(Triangle,Shape);//这里一定要注意,是先继承再拓展自己的原型方法,否则报错
    Triangle.prototype.getsex = function(){
       console.log(this.sex);
    }
    var o = new Triangle();
    o.init();//继承父元素的init()并执行
    o.getsex();//执行Triangle构造函数的方法
})();
</script>
</html>

转载地址:http://ycddo.baihongyu.com/

你可能感兴趣的文章
jsch密钥连接远程Linux报错com.jcraft.jsch.JSchException: invalid privatekey: [B@277050dc
查看>>
深入浅出 ES6:ES6 与 Babel - Broccoli 的联用
查看>>
ThreadLocal使用出现的问题
查看>>
SQLite数据库增删改查操作
查看>>
openwrt 常用命令
查看>>
搬家了
查看>>
注入cookies代码
查看>>
linux查找搜索命令<一>(总结)
查看>>
如何壮大现有的资源
查看>>
Windows脚本初探之PowerShell流程控制for和foreach
查看>>
LVM 管理之一:扩容VG/LV
查看>>
JSP自学整理1——jsp介绍
查看>>
50个常用的sql语句
查看>>
批处理拷贝文件和文件夹
查看>>
交换机IOS失效的恢复详解
查看>>
Windows 7删除用户配置文件后使用临时配置文件
查看>>
JavaScript系列:ECMAScript语句
查看>>
HR的工资条小密码---添加分页符
查看>>
MySQL show processlist说明
查看>>
perl之bless的用法
查看>>