在JavaScript中的另一个函数中定义一个函数

function foo(a) {
    if (/* Some condition */) {
        // perform task 1
        // perform task 3
    }
    else {
        // perform task 2
        // perform task 3
    }
}

我有一个函数，其结构与上述类似。我想将任务3抽象为一个函数，bar()但是我希望将此函数的访问限制在的范围内foo(a)。

为了实现我想要的，更改以下内容是否正确？

function foo(a) {
    function bar() {
        // Perform task 3
    }

    if (/* Some condition */) {
        // Perform task 1
        bar();
    }
    else {
        // Perform task 2
        bar();
    }
}

如果上述正确，那么bar()每次foo(a)调用时都会重新定义吗？（我担心这里会浪费CPU资源。）

是的，您所拥有的是正确的。一些注意事项：

• bar是在每次调用函数时创建的foo，但是：
  • 在现代浏览器中，这是一个非常快速的过程。（某些引擎可能只为它编译一次代码，然后每次在不同的上下文中重复使用该代码；在大多数情况下，Google的V8引擎（在Chrome和其他地方）都可以做到这一点。）
  • 并且根据具体bar操作，某些引擎可能会确定可以“内联”它，从而完全消除了函数调用。V8可以做到这一点，我敢肯定它不是唯一的引擎。自然，他们只有在不改变代码行为的情况下才能这样做。
• bar每次创建时对性能的影响（如果有的话）在JavaScript引擎之间差异很大。如果bar比较琐碎，它将从无法检测到相当小的变化。如果您没有foo连续调用数千次（例如，从mousemove处理程序中调用），则无需担心。即使您是我，也只会在看到较慢的发动机出现问题时才担心它。这是一个涉及DOM操作的测试用例，表明有影响，但是影响很小（可能被DOM东西冲走了）。这是一个做纯计算的测试用例，它显示出更高的影响，但坦率地说，我们所说的是微秒的差异，因为即使是微耗的东西，即使增加92％秒的发生仍然非常非常快。直到/除非您看到了现实世界的影响，否则您不必担心。
• bar只能从函数内部访问，并且可以访问该函数调用的所有变量和参数。这使它成为非常方便的模式。
• 请注意，因为您使用了函数声明，所以放置声明（顶部，底部或中间位置）的位置无关紧要，只要它位于函数的顶层而不是流控制语句中即可，语法错误），则必须在运行逐步代码的第一行之前定义该错误。

这就是闭包的用途。

var foo = (function () {
  function bar() {
    // perform task 3
  };

  function innerfoo (a) { 
    if (/* some cond */ ) {
      // perform task 1
      bar();
    }
    else {
      // perform task 2
      bar();
    }
  }
  return innerfoo;
})();

Innerfoo（一个闭包）保存对bar的引用，而匿名函数仅返回对innerfoo的引用，该匿名函数仅被调用一次即可创建该闭包。

这样无法从外部访问酒吧。

var foo = (function () {
    var bar = function () {
        // perform task 3
    }
    return function (a) {

        if (/*some condition*/) {
            // perform task 1
            bar();
        }
        else {
            // perform task 2
            bar();
        }
    };
}());

闭包保留bar()包含的范围，从自执行的匿名函数返回新函数，将更可见的范围设置为foo()。匿名自执行函数仅运行一次，因此只有一个bar()实例，每次执行foo()都会使用它。

是的，那很好。

每次您输入外部函数时都不会重新创建内部函数，但是会重新分配它。

如果您测试此代码：

function test() {

    function demo() { alert('1'); }

    demo();
    demo = function() { alert('2'); };
    demo();

}

test();
test();

它会显示1，2，1，2，不1，2，2，2。

我创建了一个jsperf来测试嵌套与非嵌套，函数表达式与函数声明，而令我惊讶的是，嵌套测试用例的执行速度比非嵌套要快20倍。（我预计相反或可以忽略的差异）。

https://jsperf.com/nested-functions-vs-not-nested-2/1

这是在Chrome 76，macOS上。