JavaScript的写类方式(4)

工具函数如下

/**
 * $class 写类工具函数之三
 * @param {String} className
 * @param {Function} superClass
 * @param {Function} classImp
 */
function $class(className, superClass, classImp) {
	if (superClass === "") superClass = Object;
	function clazz() {
		if (typeof this.init == "function") {
			this.init.apply(this, arguments);
		}
	}
	var p = clazz.prototype = new superClass();
	var _super = superClass.prototype;
	window[className] = clazz;
	classImp.apply(p, [_super]);
}

定义一个Person类

$class('Person', '', function() {
	// 构造函数
	this.init = function(name) {
		this.name = name;
	};
	// 方法体
	this.getName = function() {
		return this.name;
	};
	this.setName = function(name) {
		this.name = name;
	};
});

创建对象看看

var p = new Person('Jack');
console.log(p); 
console.log(p.constructor == Person); // false		

使用该工具函数写类需注意,this.init方法必不可少。使用过Prototype库的同学会知道Class.create后的initialize方法也是必不可少的。

因为没考虑继承,第二个参数superClass使用空字符串,即默认继承于Object。

从输出为false可看到,这个工具类没有去维护constructor属性。 设计的每一种写类方式都是有取舍的,这完全取决于设计者的意图。

相关:

JavaScript的写类方式(5)

JavaScript的写类方式(6)

原文地址:https://www.cnblogs.com/snandy/p/1973241.html