JavaScript 嵌套函数

Question

我得到了一段我不明白的 javascript 代码：

function dmy(d) {
    function pad2(n) {
        return (n < 10) ? '0' + n : n;
    }

    return pad2(d.getUTCDate()) + '/' +
       pad2(d.getUTCMonth() + 1) + '/' +
       d.getUTCFullYear();
}

function outerFunc(base) {
    var punc = "!";

    //inner function
    function returnString(ext) {
       return base + ext + punc;
    }

    return returnString;
}

How can a function be Define inside another function?我们可以从 my() 函数外部调用 pad2() 吗？

请在上面放一些光。谢谢

Answer 1

函数是 JavaScript 中的另一种类型的变量（当然有一些细微差别）。在另一个函数中创建函数会更改该函数的范围，就像更改变量的范围一样。这对于与闭包一起使用以减少全局命名空间污染尤其重要。

在另一个函数中定义的函数将无法在函数外部访问，除非它们已附加到可在函数外部访问的对象：

function foo(doBar)
{
  function bar()
  {
    console.log( 'bar' );
  }

  function baz()
  {
    console.log( 'baz' );
  }

  window.baz = baz;
  if ( doBar ) bar();
}

在此示例中，baz 函数将在 foo 函数已运行，因为它已被覆盖 window.baz。除了 foo 函数中包含的作用域之外，bar 函数不可用于任何上下文。

作为一个不同的示例：

function Fizz(qux)
{
  this.buzz = function(){
    console.log( qux );
  };
}

Fizz 函数被设计为构造函数，以便在运行时将 buzz 函数分配给新创建的对象。也就是说，您可以像这样使用它：

const obj = new Fizz();
obj.buzz();

或更简洁（如果您在调用 buzz 后不需要保留对象）：

new Fizz().buzz();

Answer 2

这称为闭包。

基本上，在其他函数中定义的函数只能在该函数中访问。但可以作为结果传递，然后可以调用该结果。

这是一个非常强大的功能。您可以在此处查看更多说明：

javascript_closures_for_dummies.html 镜像在 Archive.org 上

Answer 3

function x() {}

相当于（或非常相似），

var x = function() {}

除非我弄错了。

所以没有什么有趣的事情发生。

Answer 4

函数内部和外部都允许进行函数实例化。在这些函数内部，就像变量一样，嵌套函数是局部的，因此无法从外部作用域获取。

function foo() {
    function bar() {
        return 1;
    }
    return bar();
}

foo 在其自身内部操作bar。 bar 不能从外部作用域触及，除非它是在外部作用域中定义的。

所以这行不通：

function foo() {
    function bar() {
        return 1;
    }
}

bar(); // throws error: bar is not defined

Answer 5

当您在函数中声明函数时，内部函数仅在声明它们的范围内可用，或者在您的情况下，pad2只能在dmy中调用代码>范围。

dmy 中存在的所有变量在 pad2 中都可见，但反之则不会发生 :D

Answer 6

在 JavaScript（以及许多语言）中，函数内包含函数是完全正常的。

花时间学习该语言，不要因为它与您已经知道的内容相似而使用它。我建议观看 Douglas Crockford 关于 JavaScript 的 YUI 演示系列，特别关注 第三幕：发挥终极功能（链接到视频下载、幻灯片和文字记录）

Answer 7

function foo() {
  function bar() {
    return 1;
  }
}
bar();

Will throw an error.
Since bar is defined inside foo, bar will only be accessible inside foo.
To use bar you need to run it inside foo.

function foo() {
  function bar() {
    return 1;
  }
  bar();
}

Answer 8

嵌套函数可以作为编写相关函数的模块化组的基础，有点像完全面向对象编程（仅限静态类）。

下面是这样一组函数的示例，在本例中将值转换为 JSON 字符串或将 JSON 字符串转换为值。

请注意内部函数如何分组为外部函数内的对象，以及如何将对象存储到组名称中。这是从组外直接可见的唯一名称。要从外部访问任何包含的函数，只需写入组名称、句点，然后是函数名称。要从内部访问包含的函数，您可以使用相同的符号，或“this”，一个句点，然后是函数名称。

//--------------------------------------------------------------------//
//      Module J:
//          Convert from and to JSON strings
//--------------------------------------------------------------------//
const J=NewJ();
function NewJ()
    {
    const mod=
        {
        From:(str)=>
            {
            return JSON.parse(str);
            }, // From
        To:(val)=>
            {
            return JSON.stringify(val,null,3);
            } // To
        }; // mod
    return mod;
    } // NewJ

//--------------------------------------------------------------------//
//      End Module J
//--------------------------------------------------------------------//

这是一个测试：

console.log(J.To({A:'a'}));

控制台输出：

{
   "A": "a"
}