首页 > 编程语言 > 详细

JavaScript:inherits

时间:2017-08-29 13:36:52      阅读:190      评论:0      收藏:0      [点我收藏+]

网上一查,肯定搜索到继承的文章真心不少。我这里就只说一下自己常用的方式:

通常 在编写一个类的做法是,在构造函数里声明字段,在prototype里指定方法。

//step1: 在子类的构造器里法里实例call ,apply 来继承字段
//step2: 类声明完毕后,使用inheritsPrototype来继承方法

function
inheritsPrototype(clazz, baseClazz) { var clazzPrototype = clazz.prototype; function F() {}; F.prototype = baseClazz.prototype; clazz.prototype = new F(); for (var prop in clazzPrototype) { clazz.prototype[prop] = clazzPrototype[prop]; } // clazz.prototype.constructor = clazz; // clazz.superClass = baseClazz; }

 

demo:

        

            function inheritsPrototype(clazz, baseClazz) {
                var clazzPrototype = clazz.prototype;
                function F() {};
                F.prototype = baseClazz.prototype;
                clazz.prototype = new F();

                for (var prop in clazzPrototype) {
                    clazz.prototype[prop] = clazzPrototype[prop];
                }
            }


            function A(id, name){
                this.id = id;
                this.name = name;
            }

            A.prototype.show = function (){
                console.log(this.id, this.name);
            }
        
            function B(id, name, age){
                A.call(this, id, name);  // 继承字段
                this.age = age;
            }

            inheritsPrototype(B, A);   // 继承方法
            
            var objB = new B("x01", "name1", 12);
            objB.show();

 

JavaScript:inherits

原文:http://www.cnblogs.com/f1194361820/p/7447587.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!