js在mootools框架下的new Class

时间:2014-05-19 20:25:36   收藏:0   阅读:429

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

几乎类似于面向对象。

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

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

       用如下形式进行继承:

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

       对象的实例化及使用:

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‘);

js在mootools框架下的new Class,布布扣,bubuko.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!