JavaScript的作用域

发布时间:2023-06-29 16:54:00

发布人:zyh

　　JavaScript中有两种主要的作用域：全局作用域和局部作用域(也称为函数作用域)。

　　1. 全局作用域(Global Scope)：全局作用域是指在代码中任何地方都能访问的作用域。在浏览器环境中，全局作用域通常是指在所有函数和代码块之外声明的变量和函数。全局作用域中声明的变量和函数在整个程序中都是可见和可访问的。　　

var globalVariable = 'I am a global variable';

function globalFunction() {
  console.log('I am a global function');
}

console.log(globalVariable); // 输出：I am a global variable
globalFunction(); // 输出：I am a global function

　　2. 局部作用域(Local Scope)：局部作用域是指在函数内部声明的作用域。每当创建一个函数时，都会创建一个新的局部作用域。变量和函数在其所在的局部作用域内是可见和可访问的，但在其他函数或全局作用域中不可访问。　　

function localFunction() {
  var localVariable = 'I am a local variable';
  console.log(localVariable);
}

localFunction(); // 输出：I am a local variable
console.log(localVariable); // 抛出错误，localVariable 在全局作用域中不可访问

　　在ES6中，还引入了块级作用域(Block Scope)的概念，通过使用`let`和`const`来声明变量，可以在`if`语句、`for`循环等代码块内创建局部作用域。　

function blockScopeExample() {
  if (true) {
    let blockVariable = 'I am a block variable';
    const blockConstant = 'I am a block constant';
    console.log(blockVariable); // 输出：I am a block variable
    console.log(blockConstant); // 输出：I am a block constant
  }
  console.log(blockVariable); // 抛出错误，blockVariable 在块级作用域之外不可访问
  console.log(blockConstant); // 抛出错误，blockConstant 在块级作用域之外不可访问
}

blockScopeExample();