JavaScript中实现私有属性的写类方式(1)

之前讨论过JavaScript中的写类方式。但没有讨论私有的实现。这篇看下。

我们知道JS中私有属性的实现本质就是 var + closure。如下

function Person(n, a){
	// public
	this.name = n;
	// private
	var age = a;
	this.getName = function(){
		return this.name;
	}
	this.getAge = function(){
		return age;
	}
}


测试如下,age是私有的,使用点操作符无法获取到,而只能使用getName方法。

var p = new Person('jack',23);
console.log(p.age);  // undefined
console.log(p.getAge()); // 23

以上没什么稀奇的,下面我们使用一个工具函数来实现。    
/**
 * @param {String} className
 * @param {Function} classImp
 */
function $class(className, classImp){
	function clazz(){
		if(typeof this.init == "function"){
			this.init.apply(this, arguments);
		}
	}
	classImp.call(clazz.prototype);
	window[className] = clazz;
}

写一个类

$class('Person', function(){
	// 私有属性都定义在这
	var age = '';
	this.init = function(n, a){
		// 共有属性挂在this上,初始化
		this.name = n;
		// 私有属性初始化
		age = a;
	};
	this.getName = function(){
		return this.name;
	};
	this.getAge = function(){
		return age;
	}
});

new一个实例对象

var p = new Person('jack',23);
console.log(p.name); // jack 共有的可使用点操作符获取
console.log(p.age); // undefined 私有的不能通过点操作符获取
console.log(p.getAge()); // 23 私有的age只能通过共有的方法getAge获取

posted on 2011-04-18 17:29  snandy  阅读(3470)  评论(5编辑  收藏

统计