设为首页 加入收藏

TOP

JS通过prototype实现继承的简单示例:
2019-05-12 00:19:17 】 浏览:65
Tags:通过 prototype 实现 继承 简单 示例

JS通过prototype实现继承的简单示例:

var MYJS={};
MYJS.extend=function(baseClass, prop) {

	if (typeof (baseClass) === "object") {
		prop = baseClass;
		baseClass = null;
	}
	// 本次调用所创建的类(构造函数)
	function F() {
	}
	// 如果此类需要从其它类扩展
	if (baseClass) {
		F.prototype = new baseClass();
		F.prototype.constructor = F;
	}

	// 覆盖父类的同名函数
	for (var name in prop) {
		if (prop.hasOwnProperty(name)) {
			F.prototype[name] = prop[name];
		}
	}
	return F;
};
使用示例:
<script>
        function Cls1(){
            this.name="Cls1 class";
            this.fun1 =function(){
                console.log("Cls1.fun1");
            };
        }
        var Cls2 = MYJS.extend(Cls1, 
            {
                a:'a',
                fun2:function(){
                    console.log("Cls2.fun2");
                }
        });

        var Cls3 = MYJS.extend(Cls2, 
            {
                a:'cls3.b',
                b:'b',
                fun3:function(){
                    console.log("Cls3.fun3");
                }
        });
        var obj3 = new Cls3();
        console.log(obj3.name);
        console.log(obj3.a);
        console.log(obj3.b);
        obj3.fun1();
        obj3.fun2();
        obj3.fun3();
       
    </script> 


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇strcpy()的使用 下一篇HDFS上读写数据的流程解释

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目