javascript：访问父函数的所有变量

Question

我决定创建一个funcB函数，该函数从funcA调用。 我希望funcA中的所有变量都可以在funcB中使用，以便func B可以更改该变量。 如何修改下面的代码，使其符合我的要求？ 我怀疑传递所有变量是唯一可行且最佳的方法。

function funcB(){
alert(var1);//how to make it alert 5
alert(var20);//how to make it alert 50
}
function funcA(){
var var1=5;
...
var var20=50;
funcB();
}

Answer 1

var obj = {
    one : "A",
    two : "B",
    fnA : function() {
        this.fnB(); // without fnB method result will be displayed as A B, with fnB as C D
        console.log(this.one + " " + this.two);
    },
    fnB : function() {
        this.one = "C";
        this.two = "D";
    }
};

obj.fnA();

this关键字引用obj对象

您可以在对象内部定义属性和方法。 使用方法，可以根据需要对所有变量进行操作，在使用fnB示例中，我正在更改通过fnA方法显示的属性的值

JSFiddle

Answer 2

一种方法是删除var关键字：

function funcB(){
    alert(var1);//how to make it alert 5
    alert(var20);//how to make it alert 50
}

function funcA(){
    var1 = 5;
    var20 = 50;

    funcB();
}

这会将它们公开给全局范围，以便funcB可以访问它们。 注意，您也可以使用var关键字在全局范围内创建变量，但是两种方法最终都将具有相同的效果。

注意：

1. 如果全局范围中已经存在var1或var20 ，则此方法可能无法工作。 在这种情况下，它将修改全局值，并可能导致不必要的错误。
2. 此方法不是首选的官方代码，是不好的做法原因

Answer 3

这是不可能的，因为当您使用var关键字声明变量时，它们的scoped于声明它们的函数。

如果您避免使用var关键字，则将它们定义为global variable 。 这被认为是非常不好的做法。

我建议您阅读javascript编码模式 ，尤其是模块模式。

例如：

var myNamespace = (function () {
  var foo, bar;  
  return {
    func1: function() {
      foo = "baz";
      console.log(foo);
    },

    func2: function (input) {
      foo = input;
      console.log(foo);
    }
  };

})();

用法：

myNamespace.func1();
// "baz"
myNamespace.func2("hello");
// "hello"