mootools框架【二】-Core篇:方法完全解析 - 面向对象网,web开发,Mootools,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > Mootools > 正文

mootools框架【二】-Core篇:方法完全解析

来源: www.bianceng.cn 阅读:

说明: Core 类中的核心库是Moo.js和Utility.js,Moo.js里包含了实现OO的基础类,Utility.js提供了最常用的工具函数的封装。

---------------------------Moo.js-------------------------------------

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

var Cat  = new Class({
initialize: function(name){
this.name = name;
}
});
var cat = new Cat ('kitty');
alert(cat.name);

2.Class进行继承,mootools是这样做的:

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

3.Class.implement方法对已经定义好的类进行扩展

(例如添加方法),用法如下:

var Person = new Class({
initialize: function(name){
this.name = name;
}
});
Person.implement({
initialize: function(name,age){
this.name = name;
this.age = age;
},
myAction: function(){
alert(this.name+'--'+this.age);
}
});
var p = new Person('zarknight',24);
p.myAction();

mootools对Object扩展了一个extend方法,它有两个参数,作用是复制第二个参数对象的所有属性到第一参数对象中去,同名属性将覆盖为第二个参数中的相应属性:

var firstOb = {
'name': 'John',
'lastName': 'Doe'
};
var secondOb = {
'age': '20',
'sex': 'male',
'lastName': 'Dorian'
};
Object.extend(firstOb, secondOb);
//firstOb将变成:
{
'name': 'John',
'lastName': 'Dorian',
'age': '20',
'sex': 'male'
};

---------------------------Moo.js-------------------------------------

4.$type

作用:基本上是对typeof的扩展,返回输入参数的类型

例子:

var x=$type("abcdefg");

返回值:

'element'-DOM
'textnode'-DOM文本节点
'whitespace'-DOM空白节点
'array'-数组
'object'-对象
'string'-字符串
 'number'-数字
 'boolean'-布尔型
'function'-函数

false-如果是未定义或则不是以上列出的类型

Tags:
相关文章列表: