浅谈javascript中的作用域

下面就来详细讲解Javascript中的作用域：

什么是作用域？

作用域（Scope）是Javascript中的一个重要概念。它决定了代码中变量的可见性。

Javascript使用了词法作用域（Lexical Scope）的模型。简而言之，就是在函数被定义的时候就已经确定了函数的作用域，与调用时的上下文无关。

全局作用域

Javascript中最外层的作用域称为全局作用域（Global Scope）。在全局作用域中声明的变量可以被任意部分的代码访问。

例如：

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

函数作用域

在Javascript中，每一个函数都有自己的函数作用域（Function Scope）。在函数作用域中声明的变量只能在函数内部访问，函数外部无法访问。

例如：

function foo() {
  var localVar = "I am a local variable";
  console.log(localVar);
}
foo(); // 输出 "I am a local variable"
console.log(localVar); // 抛出 ReferenceError 异常

块级作用域

在Javascript中，块级作用域（Block Scope）是指由一对花括号（{}）括起来的代码块。

例如：

if (true) {
  var x = 1;
  let y = 2;
  const z = 3;
}
console.log(x); // 输出 1
console.log(y); // 抛出 ReferenceError 异常
console.log(z); // 抛出 ReferenceError 异常

在上面的代码中，x的声明在if语句中，但是因为Javascript没有块级作用域，所以x可以在if语句外部访问。而y和z的声明使用了let和const关键字，它们具有块级作用域，因此无法在if语句外部访问。

闭包

闭包（Closure）是指一个函数能够访问并使用其所在的词法作用域中的变量，即使它在词法作用域之外被调用。

例如：

function createCounter() {
  let count = 0;
  return function() {
    count++;
    console.log(count);
  };
}

const counter1 = createCounter();
counter1(); // 输出 1
counter1(); // 输出 2
const counter2 = createCounter();
counter2(); // 输出 1

在上面的代码中，createCounter函数返回一个匿名函数。这个匿名函数使用了其所处作用域中的count变量，在每次调用时执行count++操作并输出count的值。由于返回的函数可以继续访问createCounter函数中的作用域，所以每次调用counter1和counter2时，输出的count值都是独立的。

总结

作用域是Javascript中的一个重要概念，它决定了变量的可见性。Javascript中的作用域分为全局作用域、函数作用域和块级作用域。闭包是Javascript中一个值得关注的特性，它可以帮助我们创建一些灵活的代码。