javascript - 脚本范围的目的是什么？

Question

在 DevTools 控制台中检查函数的作用域时，我注意到一个“脚本”作用域。经过一些研究，它似乎是为 let 和 const 变量创建的。

没有 const 或 let 变量的脚本中函数的作用域:

带有 let 变量的脚本中函数的作用域:

然而，下面的代码在控制台中打印了 1 - 脚本作用域中的变量仍然可以从其他脚本访问:

<script>let v = 1</script>
<script>console.log(v)</script>

我听说过 ES6 模块中的顶级变量无法从模块外部访问。这就是示波器的用途，还是它还有其他用途？

Answer 1

当您在顶层(即不在函数内部)使用 var 声明一个变量时，它会自动成为一个全局变量(因此在浏览器中您可以将其作为 的属性访问)窗口)。这与使用 let 和 const 声明的变量不同——它们不会成为全局变量。您可以在另一个脚本标记中访问它们，但不能将它们作为 window 的属性进行访问。

看这个例子:

<script>
  var test1 = 42;
  let test2 = 43;
</script>
<script>
  console.log(test1); // 42
  console.log(window.test1); // 42
  console.log(test2); // 43
  console.log(window.test2); // undefined
</script>