javascript - 如何封装对象属性以便以前的对象不被接管？ (原型(prototype)/闭合。)

Question

我开始了解 Javascript 中的原型(prototype)设计和闭包，但还不完全是这样。下面的示例中，我的两个对象，第二个对象似乎失去了范围/上下文并接管了第一个对象的身份。

function broker()
{
    var _q = [];
    this.add = function(delegate) {_q[_q.length] = delegate; }
    this.broadcast = function(message)
    {
        for(qi = 0; qi < _q.length; qi++)
        {
            _q[qi](message);
        }
    }
}

function subscriber(abroker, yourname)
{
    me = this;
    this.myprop = yourname;
    this.subby = function(message){ alert(message + " " + me.myprop + me.dosomething() + secret()); };
    this.dosomething = function() {return "...abc";};
    function secret(){return "...def";}

    abroker.add(this.subby);
}

var thebroker = new broker();
var mysub = new subscriber(thebroker, 'mysub');
var myothersub = new subscriber(thebroker, 'myothersub');
thebroker.broadcast("hello from");

这个想法是有一个公共(public)代理对象可以调用订阅者对象上的委托(delegate)并执行其中的函数。但我失去了代理调用的调用函数的范围。

输出: 2 个警报窗口，均输出:“myothersub”，mysub 似乎失去了范围？

通过在原始对象之外显式声明 subby 委托(delegate)并引用整个对象，我已成功实现了正确的响应，例如:

不要在订阅者对象中声明 this.subby:

mysub.subby = function(message)
{
    alert(message + " " + mysub.myprop); // obv the dosomething his hidden
}

thebroker.add(mysub.subby);

如果上面的语法有任何错误，请原谅，直接从内存中输入。它在实践中确实有效，但失去了我习惯的封装。

如何使用原始技术封装对象的范围/上下文？

Answer 1

简短回答:看来问题只是与您的 me 声明有关。在 subscriber构造函数。至少你需要输入 var在它前面，使其成为每个对象的本地/私有(private)变量。所以var me = this;而不是me = this; .

说明:在 JavaScript 中，当您未使用 var 显式声明变量时，它使变量成为全局变量。所以你的原始脚本中发生的事情是你创建了 mysub其中声明 me作为对 this 的全局引用里面mysub目的。但是一旦你创建了myothersub全局me被覆盖为this新里面myothersub对象。

因为你的subby方法创建了一个基于 me 的警报从哪个对象调用它并不重要，因为两个对象中的方法没有使用任何本地或特定于该对象的内容，而只是引用相同的全局变量 - this在要创建的最后一个此类对象内

只需写 var me = this;而不是me = this;您创建 me 的本地版本每次您创建的每个新对象都在一个闭包内，而不是被覆盖的对象。

...

PS。额外提示。您应该对所有变量执行此操作，以确保拥有尽可能少的全局变量，尤其是当您不希望它们是全局变量时!因此我会对变量 qi 做出相同的声明里面broker构造函数。您可以简单地通过在循环条件内声明来完成此操作，例如 for (var qi = 0; qi < _q.length; qi++) 。这足以阻止qi是一个全局变量。

但是，为了使代码易于阅读，最好在函数顶部声明所有变量。所以我建议简单地重写 broadcast方法如下:

this.broadcast = function(message) {
    var qi,             // STOPS `qi` BECOMING A GLOBAL
        ql = q.length;  // SO DON'T HAVE TO CHECK LENGTH OF `q` EVERY LOOP
    for(qi = 0; qi < ql; qi += 1) {
        _q[qi](message);
    }
};

如果您以前没有遇到过 Douglas Crockford，那么在涉及闭包、对象创建和良好的代码编写约定方面，Douglas Crockford 是一位非常优秀的 JavaScript 作家。 this page 有很多提示您可以很容易地找到他就该主题进行演讲的视频。当我开始更仔细地研究闭包和 JavaScript 的其他方面时，所有这些确实对我有帮助；希望它也能帮助你。