javascript框架之继承机制(二)-技术开发it知识库-Ubuntu系统_Ubuntu服务器

我们来模仿一下最OO的mootools的继承机制。它的类都有一个叫做initialize构造方法，这与Java的类都有一个与类名同名的构造方法一样的道理。只不过，这些叫initialize或init都是借鉴自Prototype，而Prototype那帮人是Ruby出身。为了区别mootools那种污染原生方法的做法，我把类的构造器命名为variant，并且禁止查看构造方法（像浏览器禁止查看原生对象的构造方法那样）。

    var variant = function (options){      options = options || {};      var initialize = options.initialize || function(){};      var klass = initialize ;      klass.constructor = arguments.callee;      klass.prototype.constructor = klass;      klass.toString = function(){//禁止查看构造方法        return "function variant(){/n    [variant code]/n}"      }      return klass;    };

这是一个非常简单的工厂方法，用于生产类的。options就是一属性包，可能装有我们的类的构造方法，我们要做的是把它提取出来，然后输送出去。

     function factory(a){         a.b = b;         a.c = c;         return a;      }

不过，这就有点像倒爷，我们应该像水果商，从果农收购水果回来包装一番，才卖出去。这包装就是往要生成的类添加各种原型方法与类方法。我们进一步打造我们的类工厂，让生产的类拥有继承能力，也就是把第一部分的makeBridge 加上去。

prototype继承是通过把子类的原型设置成父类的一个实例来进行继承的。因此无论是inherit也好，mixin也好，都是往子类的原型添加东西。打个比方，继承就是把一大堆属性与方法直接加在子类的原型上，mixin则相当于把一打属性与方法逐一加到构造函数的原型。不过在上面Tiger类的构造器写得有点不好，因为name属性本来父类就有，子类就不用定义一次。如果父类有许多实例属性，岂不是要写一大打赋值语句。应该改为

    var Tiger = variant({      inherit:Animal,      initialize:function(name,age){        this.superclass(arguments);//this.name = name        this.age =age;      },      getAge : function(){        return this.age;      },      setAge : function(age){        this.age = age;      }    })

但是这种做法在第三代子类就行不通了，比如我们弄个子类叫IndiaTiger，它比Tiger多出一个类例属性location。

var IndiaTiger = variant({        inherit:Tiger,        initialize:function(name,age,location){          this.superclass(arguments);          this.location =location;        }      });

当new印度虎实例时就报错了，除非其父类的构造器没有用到this.superclass(arguments)。不用说，问题是出自this，它的不确定性总是为我们惹很多麻烦。这里的this总为IndiaTiger 的实例，因此this.superclass总为Tiger ，也因此我们无法实例化Animal 。Javascript的实例化过程是，有父类先实例化父类，然后再到下级子类。由于我们无法通过klass.prototype.superclass获取Animal，我们可以用klass.superclass来试一下。klass为类，而this为实例：

IndiaTiger.superclass.apply(this, arguments);//this为IndiaTiger 的实例//arguments为IndiaTiger 构造器的参数对象

但我们不能把前面的IndiaTiger 写死，因为创建IndiaTiger 这个类时，它还不知自己叫IndiaTiger ，我们可以通过arguments.callee获取IndiaTiger自身。Tiger的构造相仿。

        var IndiaTiger = variant({          inherit:Tiger,          initialize:function(name,age,location){            arguments.callee.superclass.apply(this, arguments);            this.location =location;          }        });

我们可以把它再抽取出来，这样每次就不用写这么长的代码了。

        function _super(o, args) {//o为子类的实例,agrs为子类构造的arguments对象            return args.callee.superclass.apply(o, args);        }

上面的代码已经假设了，它的构造器总会有inherit这个属性，但如果没有岂不是会报错，另，它还假设了我们的类上面有一个属性叫superclass，因此我们要在类工厂中做相应的调整。添加或修改如下两行代码：

  var superclass = options.inherit || Object;  klass.superclass = superclass; //类的superclass

不过每次设置新类的构造器时都要添加一行_super(this,arguments)也太麻烦了，最好把它隐藏起来，内部调用。另，把_super方法放到工厂外，显得太松散，既然也是用来构建类，因此也该把它整合到类工厂中。

      function factory(a){         var b = function(){             s();             a();             //*****其他方法         }         return b      }

也就是说，我们只要这样设置类的构造器即可：

        var IndiaTiger = Variant({          inherit:Tiger,          initialize:function(name,age,location){            this.location =location;//★★★★★          }        });

<!doctype html><html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"/> <title>类</title> <mce:script type="text/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>script" charset="utf-8"></mce:script> </head> <body> <pre> var Animal = Variant({ initialize:function(name){ this.name = name; }, getName:function(){ return "这是" +this.name; } }); var Tiger = Variant({ inherit:Animal, initialize:function(name,age){ this.age =age; }, getAge : function(){ return this.age; }, setAge : function(age){ this.age = age; } }); var IndiaTiger = Variant({ inherit:Tiger, initialize:function(name,age,location){ this.location =location; } }); var i = new IndiaTiger("印度虎",2,"印度"); alert(i.klassname); alert(i.getName()); i.setAge(3); alert(i.getAge()); alert(IndiaTiger); alert(Tiger); </pre> </body></html>

it知识库：javascript框架之继承机制(二)，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读