哪个 Javascript 函数放置更好？

Question

我正在尝试构建一个游戏，我注意到对于组织来说，将一些函数放在其他函数中可能会更好，因为它们专门用于原始函数。例如：

function fn1()
{
    fn2();

    function fn2()
    {
        //Stuff happens here
    }
}

fn1 被多次调用，fn1 将在其执行过程中多次调用fn2。当fn1 被调用时，fn2 是否每次都必须重新处理（因为没有更好的词）？我是否因此而在性能方面输了？我应该像这样将fn2 放在fn1 之后吗？

function fn1()
{
    fn2();
}

function fn2()
{
    //Stuff happens here
}

Answer 1

您可以这样做来实现类似的作用域，但只创建一个fn2 的副本：

//Initiliaze before you call `fn1`:  
var fn1 = (function(){

    // This is the function assigned to fn1
    return function(){
        fn2();
    }

    function fn2()
    {
        //Stuff happens here
    }
})();

将这些控制台输出与 fiddles 进行比较，前者会创建一个额外的 fn2 副本，因为每次调用 fn1 都会创建一个本地范围的 fn2：http://jsfiddle.net/A2UvC/3/ 和 http://jsfiddle.net/A2UvC/3/

不过，fn2 的附加副本也有优势。他们可能会在以下情况下访问不同的变量：

function fn1(x){

    // Return an object exposing fn2 to the caller's scope
    return {fn2: fn2};

    // Each call to fn1 creates a new fn2 which has access 
    // to the closured `x` from the call to fn1 that created it
    function fn2(){
        console.log(x);
    }

}

var ex1 = fn1(1);
var ex2 = fn1(2);

ex1.fn2 == ex1.fn2; // true
ex1.fn2 == ex2.fn2; // false, because they are two distinct copies

ex1.fn2(); // 1
ex2.fn2(); // 2
ex2.fn2(); // 2
ex1.fn2(); // 1