js在mootools架構下的new Class

標籤：style   blog   class   c   code   java   

      首先，在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‘);