在 JavaScript 中，函数作用域和块级作用域是两种不同的作用域概念。

一、函数作用域

函数作用域指的是在函数内部声明的变量只在函数内部可见，并且在函数外部是不可访问的。这意味着函数作用域中的变量对于函数内部是局部变量，其他函数或全局作用域无法访问。

以下是一个函数作用域的示例：

function sayHello() {
  var message = "Hello!";
  console.log(message);
}

sayHello(); // 输出：Hello!
console.log(message); // 报错：message is not defined

在这个例子中，message 变量在 sayHello 函数内部声明，并且只能在函数内部访问。当函数被调用时，打印了 message 的值。但在函数外部的 console.log(message) 中，message 变量是不可见的，会导致报错。

二、块级作用域

块级作用域指的是在 代码块内 {}声明的变量只在该块内 {} 可见，并且在块外部是不可访问的。

在 JavaScript 早期版本中，只有函数作用域，没有块级作用域。 但是，从 ES6（ECMAScript 2015）开始，引入了 let 和 const 关键字，使得块级作用域成为可能。

以下是一个块级作用域的示例：

function sayGreeting() {
  if (true) {
    let greeting = "Hello!";
    console.log(greeting);
  }
  console.log(greeting); // 报错：greeting is not defined
}

sayGreeting(); // 输出：Hello!

在这个例子中，greeting 变量在 if 代码块内部使用 let 关键字声明。因为 let 声明的变量具有块级作用域，所以 greeting 变量只在 if 代码块内部可见。在块外部无法访问 greeting 变量，会导致报错。

三、区别总结

• 函数作用域是在函数内部声明的变量只在函数内部可见，而块级作用域是在代码块内部声明的变量只在该块内部可见。
• 函数作用域是使用 function 关键字创建函数时自动生成的，块级作用域是通过 {} 创建的代码块实现的。
• 块级作用域引入了 let 和 const 关键字来实现，而函数作用域不依赖这些特殊关键字。

需要注意的是，在 JavaScript 中，var 关键字声明的变量具有函数作用域，而不是块级作用域。因此，使用 var 声明的变量在包含它的函数内部都是可见的。

更新日志

2025/8/24 08:17

查看所有更新日志

• e7112-1于 2025/8/24