函数 - 作用域 - 全局作用域与函数作用域

函数 - 作用域 - 全局作用域与函数作用域

在 JavaScript 的世界里，作用域就像是一片神秘的土地，它决定了变量和函数的“生存空间”和“可见范围”。今天，我们就来深入探索其中的全局作用域和函数作用域。

全局作用域：开放的公共广场

全局作用域就像是一个开放的公共广场，所有人都可以自由进出，并且广场上的东西（变量和函数）大家都能看到和使用。在 JavaScript 中，不在任何函数内部定义的变量和函数就处于全局作用域。

// 全局变量
var globalVariable = "我是全局变量，大家都能找到我！";
// 全局函数
function globalFunction() {
    console.log(globalVariable);
}
// 在任何地方都可以访问全局变量和调用全局函数
console.log(globalVariable); 
globalFunction();

在这个例子中，globalVariable 是一个全局变量，globalFunction 是一个全局函数。它们可以在代码的任何地方被访问和调用，就像广场上的公共设施，谁都可以使用。

不过，全局作用域也有它的弊端。如果在全局作用域中定义了太多的变量和函数，就会导致命名冲突，就像广场上的人太多，容易发生碰撞一样。

函数作用域：私人别墅

函数作用域就像是一座私人别墅，只有别墅的主人（函数内部）才能自由使用里面的东西（变量和函数），外面的人（函数外部）是看不到也用不了的。

function privateFunction() {
    // 函数内部的局部变量
    var privateVariable = "我是局部变量，只有函数内部能找到我！";
    console.log(privateVariable);
}
// 尝试在函数外部访问局部变量
// console.log(privateVariable); // 这会报错，因为 privateVariable 不在全局作用域中
privateFunction();

在这个例子中，privateVariable 是在 privateFunction 内部定义的局部变量，它只能在函数内部被访问。当我们尝试在函数外部访问它时，就会报错，就像外人想进入别墅使用里面的东西，是不被允许的。

全局作用域与函数作用域的对比

作用域嵌套：别墅里的小房间

在 JavaScript 中，函数作用域可以嵌套，就像别墅里还有小房间一样。内部函数可以访问外部函数的变量，这种现象叫做“闭包”。

function outerFunction() {
    var outerVariable = "我是外部函数的变量";
    function innerFunction() {
        console.log(outerVariable);
    }
    innerFunction();
}
outerFunction();

在这个例子中，innerFunction 是 outerFunction 的内部函数，它可以访问 outerFunction 中的 outerVariable 变量，就像小房间里的人可以使用别墅里的公共设施一样。

总之，全局作用域和函数作用域是 JavaScript 中非常重要的概念，理解它们的区别和使用方法，可以帮助我们写出更加安全、高效和可维护的代码。就像合理规划城市的公共广场和私人别墅一样，合理使用作用域可以让我们的代码世界更加有序和美好。