javascript私有函数访问公共变量

Question

我有这门课：

function ctest() {
    this.var1 = "haha";
    this.func1 = function() {
        alert(this.var1);
        func2();
        alert(this.var1);
    }
    var func2 = function() {
        this.var1 = "huhu";
    }
}

并称之为：

    var myobj = new ctest();
    myobj.func1();

不应该第二个警报会弹出“huhu”吗？ func2 是私有的，不能访问 var1 的公共变量吗？

如果私有函数无法访问公共变量，我该怎么办？

提前致谢！

Answer 1

您需要提供调用func2的上下文：

this.func1 = function() {
    alert(this.var1);
    func2.call(this);
    alert(this.var1);
}

如果没有上下文，调用将使用全局对象（即window） - 当您运行当前代码时，您应该会看到在两个警报之间创建了window.var1。

Answer 2

函数与实例无关，因此您对 func2 的调用最终会导致 this 没有指向预期实例的调用。

您可以修复调用以包含上下文：

function ctest() {
    this.var1 = "haha";
    this.func1 = function() {
        alert(this.var1);
        func2.call(this);
        alert(this.var1);
    }
    var func2 = function() {
        this.var1 = "huhu";
    }
}

或者您可以保留一个带有所需对象引用的变量：

function ctest() {
    var that = this;
    this.var1 = "haha";
    this.func1 = function() {
        alert(this.var1);
        func2();
        alert(this.var1);
    }
    var func2 = function() {
        that.var1 = "huhu";
    }
}

Answer 3

另一种选择是使用Function.bind：

function ctest() {
    this.var1 = "haha";
    this.func1 = function() {
        alert(this.var1);
        func2();
        alert(this.var1);
    }
    var func2 = function() {
        this.var1 = "huhu";
    }.bind(this);
}

请注意，浏览器对此的支持并不完美。

Answer 4

在 JS 中没有私有这样的东西，但是你可以使用 closures 来玩作用域。

例如，假设在您的示例中，您不需要将 var1 公开为公共财产。您可以轻松地重写您的代码，如下所示：

function ctest() {
    var var1 = "haha";

    this.func1 = function() {
        alert(var1);
        func2();
        alert(var1);
    }

    var func2 = function() {
        var1 = "huhu";
    }
}

因为func1 和func2 共享相同的范围——它们在相同的函数中定义，ctest——它们可以访问相同的变量。当然，在这种情况下你没有暴露var1，所以：myobj.var1 将是undefined。

如果你想让var1作为属性公开，那么你需要bindfunc2到你在构造函数中创建的对象实例：

function ctest() {
    this.var1 = "haha";
    this.func1 = function() {
        alert(this.var1);
        func2();
        alert(this.var1);
    }
    var func2 = function() {
        this.var1 = "huhu";
    }.bind(this);
}

否则func2 将具有不同的上下文对象 (this)。如果浏览器不支持 bind 并且您不想使用 shim（如上面的链接所示），您可以再次利用闭包：

function ctest() {
    this.var1 = "haha";
    this.func1 = function() {
        alert(this.var1);
        func2();
        alert(this.var1);
    }
    var context = this;
    var func2 = function() {
        context.var1 = "huhu";
    }
}

IMVHO 不那么优雅。

Answer 5

function ctest() {
    this.var1 = "haha";
    this.func1 = function() {
        alert(this.var1);
        func2(this);
        alert(this.var1);
    }
    var func2 = function(obj) {
        obj.var1 = "huhu";
    }
}

还有其他方法可以解决这个问题，请查看其他答案:)