JavaScript函数的作用域

JavaScript函数的作用域指的是变量的可访问范围。在JavaScript中，函数作用域是基于词法作用域（也称为静态作用域）的，意味着函数的作用域在函数被创建时就确定了，而不是在函数被调用时。

JavaScript中有三种不同的作用域：

1. 全局作用域：全局作用域中声明的变量可以在整个程序中访问。
2. 函数作用域：函数作用域中声明的变量只能在函数内部访问，外部无法访问。
3. 块级作用域（ES6新增）：块级作用域中声明的变量只能在该块内部访问，外部无法访问。

下面是一些关于JavaScript函数作用域的案例说明：

1. 全局作用域案例：

var name = "John"; // 全局变量
 
function sayHello() {
  console.log("Hello " + name); // 可以访问全局变量name
}
 
sayHello(); // 输出: "Hello John"

1. 函数作用域案例：

function sayHello() {
  var name = "John"; // 函数内部变量，只能在函数内部访问
  console.log("Hello " + name);
}
 
sayHello(); // 输出: "Hello John"
console.log(name); // 报错，name变量在函数外部不可访问

1. 块级作用域案例（使用let关键字）：

function sayHello() {
  if (true) {
    let name = "John"; // 块级作用域变量，只能在if块内部访问
    console.log("Hello " + name);
  }
  console.log(name); // 报错，name变量在if块外部不可访问
}
 
sayHello(); // 输出: "Hello John"

需要注意的是，在ES6之前，JavaScript中并没有块级作用域的概念，只有函数作用域和全局作用域。为了模拟块级作用域，通常使用匿名函数来创建一个私有作用域：

(function() {
  // 块级作用域
})();

这样创建的匿名函数会立即执行，并且其中的变量只能在函数内部访问，外部无法访问。这种方式在旧版本的JavaScript中很常见，但在ES6之后，可以直接使用块级作用域来实现同样的效果。