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

2023-04-15 15:56:51 浏览数 (3)

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

创建一个类

代码语言:javascript复制
One = {
	message:'',
	set:function(val){
		this.message = val;
	},
	get:function(){
		alert(this.message);
	}
};

使用创建的类

代码语言:javascript复制
var e = new Class(One);
e.set('Hello, World!');
e.get();

构建函数

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

代码语言:javascript复制
One = {
	message:'',
	construct:function(val){
		this.set(val);
	},
	set:function(val){
		this.message = val;
	},
	get:function(){
		alert(this.message);
	}
};

用法:

代码语言:javascript复制
var e = new Class(One,['Awesome!']);
e.get();

扩展类

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

代码语言:javascript复制
Two = Extend(One,{
	construct:function(val){
		this.set(val);
	}
});

用法:

代码语言:javascript复制
var e = new Class(Two,['Quixotic!']);
e.get();

0 人点赞