首页 > 代码库 > js在mootools框架下的new Class

js在mootools框架下的new Class

      首先,在HTML文件中引入mootools.js、 mootools-more.js、mootools-core.js,然后就能使用mootools封装的一些特性。

几乎类似于面向对象。

      mootools使用如下形式构建对象:

1 var Cat = new Class(
2 {
3      initialize: function(name) //类似于Java的构造函数
4      {
5           this.name = name;
6      }
7 });

       用如下形式进行继承:

var littleCat = Cat.extend(
  {
       initialize:function(name,age)
       {
              this.parent(name); //调用父类的initialize方法
              this.age = age;
       }
  });

       对象的实例化及使用:

var mycat = new Cat(‘kity‘); //注意还有一个new存在
alert(mycat.name);
    
var littlecat = new littleCat(‘litterkity‘,‘ten‘);
alert(littlecat.name + ‘ is ‘ + littlecat.age + ‘ days old‘);

 

var Cat = new Class(
  {
       initialize: function(name)
       {
             this.name = name;
       }
  });
 
  var littleCat = Cat.extend(
  {
       initialize:function(name,age)
       {
              this.parent(name);
              this.age = age;
       }
  });
 
    var mycat = new Cat(‘kity‘);
    alert(mycat.name);
    
    var littlecat = new littleCat(‘litterkity‘,‘ten‘);
    alert(littlecat.name + ‘ is ‘ + littlecat.age + ‘ days old‘);