如何访问公共函数中被公共函数覆盖的私有变量

Question

例如

var MyClass = function(){

  var that = this;

  var my_var = "I want this";

  var another_var = "this one is easy";

  this.aPublicFunc = function(my_var){

    console.log(my_var);   // logs "I don't want this";
    console.log(another_var);  // logs "this one is easy";
    console.log(this.my_var);  // logs undefined which makes sense as the this context is the context of the calling function.
    console.log(that.my_var);  // logs undefined
  };
};

var an_object = new MyClass();
var an_object.aPublicFunc("I don't want this");

Answer 1

像 my_var 这样的私有变量只能从构造函数中的代码以及调用时在其作用域内定义的函数（例如在 aPublicFunc() 中）访问。而且，要访问它们，您必须使用普通的 javascript 引用它们。当您为 aPublicFunc() 定义具有相同名称的参数时，您隐藏了该外部作用域变量，并且无法按定义访问它。这些私有变量不是对象的成员，它们是闭包中捕获的变量。在 javascript 中，访问闭包中的变量的唯一方法是从该闭包范围内的代码，并且只有在没有任何内容覆盖它们的名称的情况下才能访问它们。

您的简单解决方案是将参数或局部变量的名称更改为稍微不同的名称。如果您确实希望它们看起来相似，请在其中一个前面加一个下划线，如下所示：

var MyClass = function(){

  var that = this;
  var _my_var = "I want this";
  var _another_var = "this one is easy";

  this.aPublicFunc = function(my_var){

    console.log(_my_var);   // logs "I want this";
    console.log(_another_var);  // logs "this one is easy";
    console.log(my_var);  // logs "I don't want this"
  };
};

var an_object = new MyClass();
var an_object.aPublicFunc("I don't want this");

或者使参数更加明显，如下所示：

var MyClass = function(){

  var that = this;
  var my_var = "I want this";
  var another_var = "this one is easy";

  this.aPublicFunc = function(new_my_var){

    console.log(my_var);   // logs "I want this";
    console.log(another_var);  // logs "this one is easy";
    console.log(new_my_var);  // logs "I don't want this"
  };
};

var an_object = new MyClass();
var an_object.aPublicFunc("I don't want this");

您可以在此处看到最后一项的工作：http://jsfiddle.net/jfriend00/Jeaaz/

Answer 2

不要覆盖它。它使代码可读性更差并且更令人困惑。