js静态作用域的功能。

JS静态作用域的功能

静态作用域是指在JavaScript中，变量的作用域在函数定义的时候就确定了，而不是在函数调用的时候确定。下面将详细讲解JS静态作用域的功能，并提供两个示例说明。

示例1：全局作用域

var name = \"John\";

function greet() {
  console.log(\"Hello, \" + name);
}

function changeName() {
  var name = \"Alice\";
  greet();
}

changeName(); // 输出：Hello, John

在这个示例中，全局变量name被定义为\"John\"。函数greet在全局作用域中定义，它访问全局变量name并输出相应的问候语。函数changeName在其作用域内定义了一个局部变量name，并将其值设置为\"Alice\"。然后，它调用greet函数。由于静态作用域的特性，greet函数在定义时就已经确定了它将访问的是全局变量name，而不是changeName函数内部的局部变量name。因此，调用changeName函数后，输出的结果是\"Hello, John\"。

示例2：嵌套作用域

function outer() {
  var name = \"John\";

  function inner() {
    console.log(\"Hello, \" + name);
  }

  inner();
}

outer(); // 输出：Hello, John

在这个示例中，函数inner被定义在函数outer的内部。函数inner访问了外部函数outer中的变量name。由于静态作用域的特性，inner函数在定义时就已经确定了它将访问的是外部函数outer的变量name。因此，调用outer函数后，输出的结果是\"Hello, John\"。

通过以上两个示例，我们可以看到静态作用域的功能是在函数定义时确定变量的作用域，而不是在函数调用时确定。这种特性使得我们能够更好地控制变量的作用范围，避免出现意外的变量覆盖或访问错误的变量的情况。