码迷,mamicode.com
首页 > Web开发 > 详细

js在mootools框架下的new Class

时间:2014-05-19 20:25:36      阅读:429      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   c   code   java   

      首先,在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

js在mootools框架下的new Class

标签:style   blog   class   c   code   java   

原文地址:http://www.cnblogs.com/benbenduo/p/3731677.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!