Javascript范围：将变量从外部函数传递到内部函数

Question

我在outerFunction 中定义了变量“a”。我想在我的 innerFunction 中使用它。为什么这不起作用，在嵌套函数之间传递数据的最佳方式是什么？

var outerFunction = function () {
   var a = 5;
   innerFunction();
}


var innerFunction = function () {
   alert(a);
}

outerFunction();

Answer 1

你必须向内部函数添加参数并从外部函数传递值。

Live Demo

var outerFunction = function () {
   var a = 5;
   innerFunction(a);
}


var innerFunction = function (a) {
   alert(a);
}

outerFunction();

Answer 2

innerFunction 不是 outeFunction 的内部函数，您只是从 outerFunction 调用它。 内部函数应该定义如下。

var outerFunction = function () {
   var a = 5;
   var innerFunction = function () {
    alert(a);
   }
   innerFunction();
}

Answer 3

在 javascript 中，函数被绑定到它们的上下文中。这意味着在outerFunction 中定义的变量只存在于那里，而不存在于全局上下文中。但对于函数innerFunction，此范围不可用。所以你不能访问它。如果你需要它，你应该将它作为参数传递给innerFunction。

Answer 4

实际上嵌套它们：

var outerFunction = function () {

    var innerFunction = function () {
        alert(a);
    }

    var a = 5;
    innerFunction();
}

outerFunction();

现在innerFunction 的范围（alert 有权访问）位于声明了a 的outerFunction 的范围内。

Answer 5

var 定义变量的局部范围。如果你不打算传递变量，那就这样做吧，

var outerFunction = function () {
   a = 5;
   innerFunction();
}


var innerFunction = function () {
   alert(a);
}

outerFunction();

但干净的方法是传入变量

innerFunction(a)