JavaScript – 嵌套函数

在JavaScript中，函数是一等公民，可以被传递、赋值、定义和调用。在函数内部定义的函数叫做嵌套函数，也被称为内嵌函数、局部函数或者嵌套作用域函数。

嵌套函数可以在外部函数中被访问，但是不能在外部函数以外的地方被访问。嵌套函数对于代码的可读性和可维护性非常有益处。在函数内部定义函数可以避免全局命名冲突，同时也能够使代码更加清晰地表达程序员的意图。

嵌套函数的定义和使用

定义嵌套函数的方式和定义普通函数的方式是类似的。嵌套函数可以被当做外部函数的一个私有方法来使用。

下面是一个简单的例子，演示了如何在JavaScript中定义嵌套函数并将它当做外部函数的一个私有方法来使用：

function outerFunction() {
  const outerVariable = "I'm an outer variable";

  function innerFunction() {
    const innerVariable = "I'm an inner variable";
    console.log(innerVariable, outerVariable);
  }

  innerFunction();
}

outerFunction(); //输出 "I'm an inner variable I'm an outer variable"

在上面的代码中，我们定义了一个外部函数 outerFunction 和一个嵌套函数 innerFunction。在外部函数中定义的变量 outerVariable 是在内部函数中访问的，而内部函数中定义的变量 innerVariable 只能在内部函数中访问。在外部函数返回之前，我们调用了内部函数，输出了内部变量和外部变量的值。

嵌套函数的作用域

在JavaScript中，每个函数都可以创建一个词法作用域。词法作用域是指函数作用域中定义的变量在嵌套函数中也可以被访问到。

下面是一个例子，演示了如何在嵌套函数中访问外部函数内部定义的变量：

function outerFunction() {
  const outerVariable = "I'm an outer variable";

  function innerFunction() {
    console.log(outerVariable);
  }

  innerFunction();
}

outerFunction(); //输出 "I'm an outer variable"

这个例子中，我们定义了一个外部函数 outerFunction 和一个嵌套函数 innerFunction。在外部函数中，我们定义了一个变量 outerVariable，然后将其传递给嵌套函数。在内部函数中，我们调用了console.log函数并打印了 outerVariable 的值。

嵌套函数的参数

在JavaScript中，嵌套函数可以接收外部函数的参数。这意味着你可以将参数传递给外部函数，然后在嵌套函数内部访问这些参数。以下是一个示例代码：

function outerFunction(name) {
  function innerFunction() {
    console.log(`Hello, ${name}`);
  }

  innerFunction();
}

outerFunction("John"); //输出 "Hello, John"

在上面的代码中，我们在外部函数中定义了一个参数 name。然后我们在内部函数中调用console.log函数并打印了参数的值。

JavaScript闭包

嵌套函数和闭包之间有一个非常强的联系。闭包是指函数可以访问定义在函数外部的变量和参数，即使函数在外部被调用或返回之后仍然可以访问这些变量和参数。嵌套函数定义在其外部函数的作用域内，所以嵌套函数可以访问外部函数中定义的变量和参数。

下面是一个示例代码，演示了JavaScript闭包的使用：

function outerFunction(name) {
  function innerFunction() {
    console.log(`Hello, ${name}`);
  }

  return innerFunction;
}

const greetJohn = outerFunction("John");
const greetAmy = outerFunction("Amy");

greetJohn(); //输出 "Hello, John"
greetAmy();  //输出 "Hello, Amy"

在上面的代码中，我们将外部函数 outerFunction 的返回值设置为 innerFunction。然后我们分别传递参数 “John” 和 “Amy” 并创建两个新的函数 greetJohn 和 greetAmy。这两个函数都是闭包，因为它们可以访问定义在 outerFunction 中的变量 name。

在调用 greetJohn() 和 greetAmy() 时，它们分别输出参数的值 “John” 和 “Amy”。