切换变量范围 JS - JavaScript

在 JavaScript 中，变量的作用域通常是函数级别的。这意味着在函数中定义的变量只能在该函数内部访问。

然而，在某些情况下，您可能需要在函数之间共享变量。在这种情况下，您可以在函数外部定义变量并将其传递给函数，或将其定义为全局变量。但这些方法都不是最佳解决方案，因为它们可能会引起命名冲突或造成泄漏。

在 ES6 中，引入了 let 和 const 关键字来定义块级别作用域。这意味着您可以在代码块（例如，if/else，for 循环等）中定义变量，并将它们限制在该块中。这使得代码更加模块化和可读性更高。

以下是一些代码示例：

使用 var 声明全局变量

// 定义全局变量
var global = 10;

function globalFunction() {
    // 访问全局变量
    console.log(global);
}

使用 let 和 const 声明块级变量

function blockFunction() {
    // 定义块级变量
    let block = 20;

    if (true) {
        // 块级作用域
        let block = 30;
        console.log(block); // 输出 30
    }

    // 块外访问
    console.log(block); // 输出 20
}

注意：const 声明的变量是常量，一旦定义了值就无法更改。

function constFunction() {
    const pi = 3.14;
    pi = 10; // 报错，无法更改常量的值
}

constFunction();

使用闭包实现私有变量

如果您需要在函数之间共享变量，但不想将其定义为全局变量，则可以使用闭包实现私有变量。

function privateFunction() {
    let private = '私有变量';

    function innerFunction() {
        console.log(private);
    }

    return innerFunction;
}

const privateVar = privateFunction();
privateVar(); // 输出 '私有变量'

此示例中，innerFunction() 可以访问 private 变量，但 private 变量仍然是私有的，因为它只能通过内部函数访问。

总之，在 JavaScript 中，使用块级作用域和闭包将变量限制为特定的作用域是最佳实践，可以使您的代码更加模块化和易于管理。