JavaScript 中什么是作用域 (Scope)？

推荐答案

在 JavaScript 中，作用域（Scope）是指变量、函数和对象在代码中的可访问性范围。作用域决定了代码中哪些部分可以访问特定的变量或函数。JavaScript 主要有以下几种作用域：

1. 全局作用域（Global Scope）：在全局作用域中声明的变量或函数可以在代码的任何地方访问。
2. 函数作用域（Function Scope）：在函数内部声明的变量或函数只能在该函数内部访问。
3. 块级作用域（Block Scope）：在 {} 块中声明的变量（使用 let 或 const）只能在该块内部访问。

本题详细解读

全局作用域

全局作用域是最外层的作用域，在全局作用域中声明的变量或函数可以在代码的任何地方访问。例如：

var globalVar = "I am global";

function checkGlobalScope() {
    console.log(globalVar); // 输出: I am global
}

checkGlobalScope();
console.log(globalVar); // 输出: I am global

在这个例子中，globalVar 是在全局作用域中声明的，因此它可以在函数 checkGlobalScope 内部和外部访问。

函数作用域

函数作用域是指在函数内部声明的变量或函数只能在该函数内部访问。例如：

function checkFunctionScope() {
    var functionVar = "I am local";
    console.log(functionVar); // 输出: I am local
}

checkFunctionScope();
console.log(functionVar); // 报错: functionVar is not defined

在这个例子中，functionVar 是在 checkFunctionScope 函数内部声明的，因此它只能在函数内部访问。在函数外部访问 functionVar 会导致错误。

块级作用域

块级作用域是指在 {} 块中声明的变量（使用 let 或 const）只能在该块内部访问。例如：

if (true) {
    let blockVar = "I am block scoped";
    console.log(blockVar); // 输出: I am block scoped
}

console.log(blockVar); // 报错: blockVar is not defined

在这个例子中，blockVar 是在 if 语句的块中声明的，因此它只能在该块内部访问。在块外部访问 blockVar 会导致错误。

作用域链

JavaScript 中的作用域链是指当访问一个变量时，JavaScript 引擎会从当前作用域开始查找，如果找不到，则会向上级作用域查找，直到找到该变量或到达全局作用域。例如：

// www.javascriptcn.com code example
var outerVar = "I am outer";

function outerFunction() {
    var innerVar = "I am inner";

    function innerFunction() {
        console.log(innerVar); // 输出: I am inner
        console.log(outerVar); // 输出: I am outer
    }

    innerFunction();
}

outerFunction();

在这个例子中，innerFunction 可以访问 innerVar 和 outerVar，因为它们在作用域链中是可访问的。

总结

理解 JavaScript 中的作用域对于编写可维护和高效的代码至关重要。全局作用域、函数作用域和块级作用域是 JavaScript 中主要的作用域类型，而作用域链则决定了变量和函数的可访问性。