Question

我花了最近几天研究了一种在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。我认为 this 不会引用实例对象！所以，我很糟糕。不过，任何想法都会很棒！

Answer 1

HEH。在你的情况下，一个更简单的模式可以解决问题。

考虑闭包后面的变量 - 非常难以穿刺。它可以通过getter和setter获得。

缺点：数据值不能在实例中，也不能直接访问。

var testObj = (function() {
    var data = {__proto__:null}; // 100% private

    return new Class({
        get: function(key) {
            return data[this.uid][key] || null;
        },
        set: function(key, 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;
        },
        set: function(key, 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", "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

编辑为什么......

我对mootools的依赖意味着我对原生js原型的理解留下了一些需要的东西，因为它抽象你必须直接处理这个但是......

在模式一中，您定义AND运行函数，该函数创建原型并设置data - 一个单数实例。然后，您可以使用已设置data的“实时”原型创建新函数。

在模式二中，为每个实例创建并引用一个全新的原型，彼此独立。你的函数返回一个带有原型类的新函数...所以真的new Class({});因此new new <var>()将创建并实例化该类。

要更好地理解这一点，也许你可以先写一下这个 - 一个足够普通的模式来创建和实例化一个没有被重用的类 - 这将更有意义：

new (new Class({
    initialize: function() {
        alert("hi");
    }
}))();

反过来可以这样写（如果保存到变量中）：

var foo = new Class({
    initialize: function() {
        alert("hi");
    }
});

new foo();

我希望这是有道理的，我不是最好的解释...

MooTools 1.3+类中的私有属性

1 个答案: