JavaScript作用域问题：如何在函数内外共享修改后的变量

嘿，我来帮你理清楚这个问题！首先你提到的情况，其实不一定非要用全局变量，不过先得搞清楚你最初遇到问题的根源~

先看你最初的代码场景 #

你写的代码大概是这样的：

var myVariable = {}; 
function() { 
  // 为myVariable添加键值对 
} 
// 使用myVariable的键值对，但发现键值对仅能在函数作用域内访问

问题根源分析 #

其实如果myVariable是在函数外部声明的（就像你写的var myVariable = {}），它本身属于函数外部作用域的变量，函数内部是可以直接修改它的属性的——除非你在函数里又重新声明了同名变量（比如加了var myVariable），那才会变成函数内的局部变量，导致外部访问不到。

另外你提到「将声明从myVariable = []改为{}后问题解决」，这说明你之前的问题可能是语法/使用方式错误：数组虽然也能添加自定义键值对，但它的核心是索引式存储，如果你后续用访问对象属性的方式去操作数组，可能会出现不符合预期的情况；而对象是专门用于键值对存储的，所以切换后问题就解决了。

还有一个容易忽略的点：你写的是匿名函数，但没有调用它！如果函数没执行，那里面的修改根本不会发生，外部自然看不到任何变化。

正确的修改示例（不需要全局变量） #

方式1：直接修改外部作用域的对象（非全局也可以）

如果myVariable在函数的父作用域中（不一定是全局），直接修改它的属性即可，记得要调用函数：

// 在父作用域声明对象（比如在模块内、另一个函数内，不一定是全局）
var myVariable = {}; 

// 给函数命名或者直接调用匿名函数
function updateMyVariable() {
  // 直接修改外部对象的属性，不要重新声明同名变量
  myVariable.username = "Gio";
  myVariable.role = "developer";
}

// 必须调用函数，修改才会生效！
updateMyVariable();

// 现在外部就能访问到修改后的键值对了
console.log(myVariable.username); // 输出 "Gio"

方式2：让函数返回修改后的对象

如果不想依赖外部变量，可以让函数直接返回处理好的对象，外部接收返回值：

function buildUserInfo() {
  var user = {};
  user.name = "Gio";
  user.age = 30;
  return user;
}

// 外部接收返回的对象
var myVariable = buildUserInfo();
console.log(myVariable.age); // 输出 30

方式3：使用闭包封装变量（更安全）

如果想保护变量不被外部直接修改，可以用闭包封装，只暴露操作方法：

function createVariableManager() {
  // 内部变量，外部无法直接访问
  var internalVar = {};
  
  return {
    set: function(key, value) {
      internalVar[key] = value;
    },
    get: function(key) {
      return internalVar[key];
    },
    getAll: function() {
      // 返回对象副本，避免外部直接修改内部数据
      return {...internalVar};
    }
  };
}

var manager = createVariableManager();
manager.set("favoriteLang", "JavaScript");
console.log(manager.get("favoriteLang")); // 输出 "JavaScript"

方式4：把对象作为参数传递（引用类型特性）

因为对象是引用类型，传递给函数的是引用，修改属性会影响外部的原对象：

function updateObject(obj) {
  obj.status = "active";
}

var myVariable = {};
updateObject(myVariable);
console.log(myVariable.status); // 输出 "active"

总结 #

你最初的问题大概率是两个原因之一：要么是函数没有被调用，要么是之前使用数组时的语法/访问方式错误。而修改外部作用域的变量，完全不需要依赖全局变量，上面这些方法都能帮你优雅地解决问题~

内容的提问来源于stack exchange，提问作者Gio