在JS中，你可能误解了作用域！JS的作用域究竟是什么？

2023-11-27 13:27:00

摘要：

关键词：

作用域是JavaScript中一个非常重要的概念，它决定了变量和函数的可访问范围。在JavaScript中，作用域有两种类型：词法作用域和动态作用域。

词法作用域是指函数的作用域由其定义时所在的代码块决定。也就是说，函数内部的变量和函数只能在该函数内部访问，不能在该函数外部访问。例如，以下代码中，函数foo()内部的变量bar只能在foo()函数内部访问，不能在foo()函数外部访问：

function foo() {
  var bar = 1;
}

console.log(bar); // ReferenceError: bar is not defined

动态作用域是指函数的作用域由其调用时所在的代码块决定。也就是说，函数内部的变量和函数不仅可以在该函数内部访问，还可以在该函数的调用者中访问。例如，以下代码中，函数foo()内部的变量bar不仅可以在foo()函数内部访问，还可以在foo()函数的调用者baz()函数中访问：

function baz() {
  var bar = 2;

  function foo() {
    console.log(bar); // 2
  }

  foo();
}

baz();

许多学习过JavaScript的人认为自己已经理解了作用域，但是当他们真正使用它时，就会发现自己对作用域的理解存在许多误区。以下是一些常见的误区：

认为作用域只与函数有关。实际上，作用域与代码块也有关。在JavaScript中，代码块是指由花括号{}括起来的一段代码。代码块可以是函数体、if语句块、for语句块等。代码块中的变量和函数只能在该代码块内部访问，不能在该代码块外部访问。
认为作用域只与变量有关。实际上，作用域与函数也有关。在JavaScript中，函数也是一种作用域。函数内部的变量和函数只能在该函数内部访问，不能在该函数外部访问。
认为作用域是静态的。实际上，作用域是动态的。在JavaScript中，作用域是由代码块和函数决定的，而代码块和函数是可以动态改变的。因此，作用域也是可以动态改变的。