纸上得来终觉浅,绝知此事要躬行。

 

给 Javascript 加上面向对象的属性:Class.js

JavaScript 默认是没有 class 的语法,Class.js 通过不到 1K 的代码给 JavaScript 语言提供一个基本的类的结构。

创建一个类

One = {
	message:'',
	set:function(val){
		this.message = val;
	},
	get:function(){
		alert(this.message);
	}
};

使用创建的类

var e = new Class(One);
e.set('Hello, World!');
e.get();

构建函数

如果构建函数 construct() 存在,在实例化类的时候,就会被调用,构建函数也可以有参数。

One = {
	message:'',
	construct:function(val){
		this.set(val);
	},
	set:function(val){
		this.message = val;
	},
	get:function(){
		alert(this.message);
	}
};

用法:

var e = new Class(One,['Awesome!']);
e.get();

扩展类

通过 Extend() 函数可以扩展现有的类:

Two = Extend(One,{
	construct:function(val){
		this.set(val);
	}
});

用法:

var e = new Class(Two,['Quixotic!']);
e.get();

原文地址:http://fairyfish.net/m/class-js/

posted on 2012-08-24 18:05  JRoger  阅读(796)  评论(0编辑  收藏  举报

导航