js里面的变量范围分享

JavaScript变量的作用域

在JavaScript中，变量的作用域决定了它在代码中的可见性和可访问性。了解变量的作用域对于编写可维护和可扩展的代码非常重要。JavaScript中有三种类型的作用域：全局作用域、函数作用域和块级作用域。

全局作用域

全局作用域是在整个JavaScript代码中都可访问的作用域。在全局作用域中声明的变量可以在代码的任何地方使用。

var globalVariable = \"I am a global variable\";

function foo() {
  console.log(globalVariable); // 输出 \"I am a global variable\"
}

foo();

在上面的示例中，globalVariable 是在全局作用域中声明的变量，因此在 foo 函数中可以访问到它。

函数作用域

函数作用域是在函数内部声明的变量的作用域。在函数作用域中声明的变量只能在函数内部访问。

function foo() {
  var localVariable = \"I am a local variable\";
  console.log(localVariable); // 输出 \"I am a local variable\"
}

foo();
console.log(localVariable); // 抛出 ReferenceError: localVariable is not defined

在上面的示例中，localVariable 是在 foo 函数内部声明的变量，因此只能在函数内部访问。在函数外部访问 localVariable 会抛出 ReferenceError。

块级作用域

块级作用域是在代码块（通常是由花括号 {} 包围的代码）内部声明的变量的作用域。在ES6之前，JavaScript没有块级作用域，只有全局作用域和函数作用域。但是，使用 let 或 const 关键字可以在块级作用域中声明变量。

function foo() {
  if (true) {
    let blockVariable = \"I am a block variable\";
    console.log(blockVariable); // 输出 \"I am a block variable\"
  }
  console.log(blockVariable); // 抛出 ReferenceError: blockVariable is not defined
}

foo();

在上面的示例中，blockVariable 是在 if 代码块中使用 let 关键字声明的变量，因此只能在该代码块内部访问。在代码块外部访问 blockVariable 会抛出 ReferenceError。

总结

• 全局作用域中声明的变量可以在整个代码中访问。
• 函数作用域中声明的变量只能在函数内部访问。
• 块级作用域中声明的变量只能在代码块内部访问。

了解变量的作用域有助于避免命名冲突和意外的变量覆盖，同时也提高了代码的可读性和可维护性。