我的理解是，作用域有 3 个：全局作用域，全局可用；局部作用域，可用于整个函数，无论块如何；块作用域，仅适用于使用它的块、语句或表达式。全局和局部作用域用关键字“var”表示，可以在函数内或函数外，块作用域用关键字“let”表示。

对于那些认为只有全局和局部范围的人，请解释为什么 Mozilla 会用一整页来描述 JS 中块范围的细微差别。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let

（答案发布已久）块范围；developer.mozilla.org/en/docs/Web/JavaScript/Reference/…

JS 中只有函数作用域。没有块作用域！您还可以看到什么是提升。

var global_variable = "global_variable";
var hoisting_variable = "global_hoist";

// Global variables printed
console.log("global_scope: - global_variable: " + global_variable);
console.log("global_scope: - hoisting_variable: " + hoisting_variable);

if (true) {
    // The variable block will be global, on true condition.
    var block = "block";
}
console.log("global_scope: - block: " + block);

function local_function() {
    var local_variable = "local_variable";
    console.log("local_scope: - local_variable: " + local_variable);
    console.log("local_scope: - global_variable: " + global_variable);
    console.log("local_scope: - block: " + block);
    // The hoisting_variable is undefined at the moment.
    console.log("local_scope: - hoisting_variable: " + hoisting_variable);

    var hoisting_variable = "local_hoist";
    // The hoisting_variable is now set as a local one.
    console.log("local_scope: - hoisting_variable: " + hoisting_variable);
}

local_function();

// No variable in a separate function is visible into the global scope.
console.log("global_scope: - local_variable: " + local_variable);

试试这个有趣的例子。在下面的例子中，如果 a 是一个初始化为 0 的数字，你会看到 0 然后是 1。但 a 是一个对象，javascript 会将 a 的指针而不是它的副本传递给 f1。结果是你两次都会收到相同的警报。

var a = new Date();
function f1(b)
{
    b.setDate(b.getDate()+1);
    alert(b.getDate());
}
f1(a);
alert(a.getDate());

你的意见不会改变答案的有效性。问题是关于作用域的。const 和 let 是定义作用域的 var 的现代替代品。提出这个问题时，它们都不存在

关于 var 的问题。'const' 和 'let' = javascript 的破坏者，不在问题中，也不应该在 javascript 中......

现代 Js、ES6+、' const ' 和 ' let '

您应该像大多数其他主流语言一样，对创建的每个变量使用块作用域。 var 已 过时 。这使您的代码更安全，更易于维护。

const 95% 的情况都 应该使用 。它使得变量 引用 不会改变。数组、对象和 DOM 节点属性可能会改变，因此应该 const .

let 应该用于任何需要重新赋值的变量。这包括在 for 循环中。如果您在初始化之外更改值，请使用 let .

块作用域意味着变量仅在声明它的括号内可用。这扩展到内部作用域，包括在作用域内创建的匿名函数。

补充一下其他答案，作用域是所有声明的标识符（变量）的查找列表，并强制执行一组严格的规则，规定当前正在执行的代码如何访问这些变量。此查找可能是为了分配给变量，这是一个 LHS（左侧）引用，也可能是为了检索其值，这是一个 RHS（右侧）引用。这些查找是 JavaScript 引擎在编译和执行代码时在内部执行的操作。

因此从这个角度来看，我认为 Kyle Simpson 所著的《作用域与闭包》电子书中的一张图片会有所帮助：

引用他的电子书：

该建筑代表我们程序的嵌套作用域规则集。无论您身在何处，建筑的第一层代表您当前正在执行的作用域。建筑的顶层是全局作用域。您可以通过查看当前楼层来解析 LHS 和 RHS 引用，如果找不到，请乘坐电梯到下一层，在那里查找，然后再查找下一层，依此类推。一旦您到达顶层（全局作用域），您要么找到您要找的东西，要么找不到。但无论如何你都必须停下来。

值得一提的是，“一旦找到第一个匹配项，范围查找就会停止”。

这个“作用域级别”的概念解释了为什么如果在嵌套函数中查找“this”，则可以使用新创建的作用域进行更改。这里有一个链接，详细介绍了所有这些细节， 您想要了解的有关 JavaScript 作用域的所有内容

JavaScript 作用域几乎只有两种类型：

• 每个 var 声明的作用域与最直接的封闭函数相关联
• 如果 var 声明没有封闭函数，则它是全局作用域

因此，除函数之外的任何块都不会创建新的作用域。这解释了为什么 for 循环会覆盖外部作用域变量：

var i = 10, v = 10;
for (var i = 0; i < 5; i++) { var v = 5; }
console.log(i, v);
// output 5 5

改用函数：

var i = 10, v = 10;
$.each([0, 1, 2, 3, 4], function(i) { var v = 5; });
console.log(i,v);
// output 10 10

在第一个例子中，没有块作用域，因此最初声明的变量被覆盖。在第二个例子中，由于函数而产生了新的作用域，因此最初声明的变量被隐藏，并且没有被覆盖。

这就是你在 JavaScript 作用域方面需要知道的几乎全部内容，除了：

• try/catch 仅为异常变量本身引入新的作用域，其他变量没有新的作用域
• with-clause 显然是另一个例外，但强烈不建议使用 with-clause （ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with )

所以你可以看到 JavaScript 作用域实际上非常简单，尽管并不总是直观的。需要注意以下几点：

• var 声明被提升到作用域的顶部。这意味着无论 var 声明发生在哪里，对于编译器来说，var 本身就像发生在顶部一样
• 同一作用域内的多个 var 声明被合并

所以这个代码：

var i = 1;
function abc() {
  i = 2;
  var i = 3;
}
console.log(i);     // outputs 1

相当于：

var i = 1;
function abc() {
  var i;     // var declaration moved to the top of the scope
  i = 2;
  i = 3;     // the assignment stays where it is
}
console.log(i);

这看起来可能违反直觉，但从命令式语言设计者的角度来看，这是有道理的。

全球范围：

全局变量就像是全球明星（成龙、曼德拉）。您可以从应用程序的任何部分访问它们（获取或设置值）。全局函数就像是全球事件（新年、圣诞节）。您可以从应用程序的任何部分执行（调用）它们。

//global variable
var a = 2;

//global function
function b(){
   console.log(a);  //access global variable
}

本地范围：

如果你在美国，你可能认识金·卡戴珊，臭名昭著的名人（她以某种方式设法登上小报）。但美国以外的人不会认出她。她是一位本土明星，只限于她的地盘。

局部变量就像是局部星星。您只能在作用域内访问它们（获取或设置值）。局部函数就像是局部事件 - 您只能在该作用域内执行（庆祝）。如果您想从作用域外访问它们，您将收到引用错误

function b(){
   var d = 21; //local variable
   console.log(d);

   function dog(){  console.log(a); }
     dog(); //execute local function
}

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

请参阅本文以深入了解范围