我花了最近几天研究了一种在MooTools类中拥有私有或受保护属性的方法.各种文章(即Sean McArthur的Getting Private Variables in a MooTools Class)为MooTools的弃用版本提供了一种方法,但我无法找到MooTools 1.3的工作方法.
今天,在玩了几个小时的代码后,我想我已经创建了一个合适的解决方案.我说“思考”,因为我真的不是一个经验丰富的程序员.我希望这里的社区可以查看我的代码并告诉我它是否真的是一个有效的解决方案,或者是hackjob仿真.
var TestObj = (function() {
var _privateStaticFunction = function() { }
return new Class({
/* closure */
_privates: (function() {
return function(key,val) {
if (typeof(this._data) == 'undefined') this._data = {};
/* if no key specified,return */
if (typeof(key) == 'undefined') return;
/* if no value specified,return _data[key] */
else if (typeof(val) == 'undefined') {
if (typeof(this._data[key]) != 'undefined') return this._data[key];
else return;
}
/* if second argument,set _data[key] = value */
else this._data[key] = val;
}
/* tell mootools to hide function */
})().protect(),initialize: function() {},get: function(val) { return this._privates(val); },set: function(key,val) { this._privates(key,val); }
})
})();
obj1 = new TestObj();
obj2 = new TestObj();
obj1.set('theseShoes','rule');
obj2.set('theseShoes','suck');
obj1.get('theseShoes') // rule
obj2.get('theseShoes') // suck
obj1._privates('theseShoes') // Error: The method "_privates" cannot be called
obj1._privates._data // undefined
obj1._privates.$constructor._data // undefined
我非常感谢任何提示！感谢大家！
编辑：嗯,这很尴尬.我忘了查看明显的obj1._data.我不认为这会引用实例对象！所以,我很糟糕.不过,任何想法都会很棒！
考虑一个闭包后面的var – 极难刺穿.它可以通过getter和setter获得.
缺点：数据值不能在实例中,也不能直接访问.
var testObj = (function() {
var data = {__proto__:null}; // 100% private
return new Class({
get: function(key) {
return data[this.uid][key] || null;
},value) {
data[this.uid][key] = value;
},remove: function(key) {
delete data[this.uid][key];
},otherMethod: function() {
alert(this.get("foo"));
},initialize: function() {
this.uid = String.uniqueID();
data[this.uid] = {};
}
});
})(); // why exec it?
var foo = new testObj();
var bar = new testObj();
foo.set("bar","banana");
console.log(foo.get("bar")); // banana!
console.log(bar.get("bar")); // undefined.
bar.set("bar","apple");
console.info(foo.get("bar"),bar.get("bar")); // banana apple
在行动：http://jsfiddle.net/dimitar/dCqR7/1/
我正在努力找到一种方法来刺穿这种模式 – 这有时可以通过像this这样的原型设计来实现.
事实上,我玩了一些,这里是没有命名空间的固定模式：
http://jsfiddle.net/dimitar/dCqR7/2/
var testObj = (function() {
var data = {__proto__:null}; // 100% private
return new Class({
get: function(key) {
return data[key] || null;
},value) {
data[key] = value;
},remove: function(key) {
delete data[key];
},otherMethod: function() {
alert(this.get("foo"));
}
});
});
var foo = new new testObj();
var bar = new new testObj();
foo.set("bar",bar.get("bar")); // banana apple
编辑为什么…
我对mootools的依赖意味着我对原生js原型的理解留下了一些需要的东西,因为它抽象你必须直接处理这个但是……
在模式一中,您定义AND运行函数,该函数创建原型并设置数据 – 一个单一的实例.然后,您可以使用已设置数据的“实时”原型创建新功能.
在模式二中,为每个实例创建并引用一个全新的原型,彼此独立.你的函数返回一个带有原型Class的新函数……所以真的是新的Class({});因此新的< var>()将创建并实例化该类.
为了更好地理解这一点,也许你可以先写一下这个 – 一个足够普通的模式来创建和实例化一个没有被重用的类 – 这将更有意义：
new (new Class({
initialize: function() {
alert("hi");
}
}))();
反过来可以这样写(如果保存到变量中)：
var foo = new Class({
initialize: function() {
alert("hi");
}
});
new foo();
我希望这是有道理的,我不是最好的解释…
