JavaScript中如何在函数间访问matching_id变量？

首先要敲个重点：你的req_m看起来是异步请求的回调函数（用到了this.responseText，应该是XMLHttpRequest的onload回调），所以直接同步访问matching_id大概率会遇到「变量还没被赋值就使用」的问题。我会从作用域共享和异步处理两个维度给你方案：

1. 全局变量（快速但不推荐大型项目） #

这是最简单的方式，把matching_id声明在所有函数的外部（全局作用域），然后在req_m里给它赋值：

// 全局作用域声明变量
let matching_id;

function req_m () { 
  var json = JSON.parse(this.responseText); 
  console.log("Matching Rule cree avec succes"); 
  // 给全局变量赋值
  matching_id = json[Object.keys(json)[Object.keys(json).length -1]].id; 
  console.log(matching_id); 
  var matching_name = json[Object.keys(json)[Object.keys(json).length - 1]].name; 
}

// 后续访问代码（注意：必须确保req_m已经执行完毕，matching_id才有值）
if (validation()) { 
  matching_rule(sensor, nameE, cond, newVal); 
  firing_rule(firingType, matching_id, ...);
}

⚠️ 缺点：全局变量容易引发命名冲突，大型项目里会让代码维护难度飙升，尽量少用。

2. 闭包封装（安全隔离作用域） #

把相关函数都包裹在一个自执行函数里，共享闭包内部的变量，既不会污染全局，又能让函数间共享数据：

(function() {
  // 闭包内的共享变量，外部无法直接访问
  let matching_id;

  function req_m () { 
    var json = JSON.parse(this.responseText); 
    console.log("Matching Rule cree avec succes"); 
    matching_id = json[Object.keys(json)[Object.keys(json).length -1]].id; 
    console.log(matching_id); 
    var matching_name = json[Object.keys(json)[Object.keys(json).length - 1]].name; 
    // 异步回调里直接调用依赖matching_id的逻辑
    handleRules();
  }

  function handleRules() {
    if (validation()) { 
      matching_rule(sensor, nameE, cond, newVal); 
      firing_rule(firingType, matching_id, ...);
    }
  }

  // 初始化异步请求的代码（比如创建XHR）
  function initRequest() {
    const xhr = new XMLHttpRequest();
    xhr.onload = req_m;
    // 这里补充请求的URL、方法等设置
    xhr.open('GET', '你的请求地址');
    xhr.send();
  }

  // 如果需要外部触发请求，把initRequest暴露到全局
  window.initRequest = initRequest;
})();

✅ 优点：变量作用域可控，不会产生全局污染，逻辑更紧凑。

3. 异步场景的正确处理（核心！） #

因为req_m是异步执行的，如果你原来的if(validation())代码是在发送请求后立即执行，那matching_id肯定还是undefined。推荐用Promise重构请求，确保拿到数据后再执行后续逻辑：

// 把req_m改造成返回Promise的函数
function req_m() {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.onload = function() {
      try {
        var json = JSON.parse(this.responseText); 
        console.log("Matching Rule cree avec succes"); 
        const matching_id = json[Object.keys(json)[Object.keys(json).length -1]].id; 
        console.log(matching_id); 
        const matching_name = json[Object.keys(json)[Object.keys(json).length - 1]].name;
        // 返回需要的变量
        resolve({ matching_id, matching_name });
      } catch (err) {
        reject(err);
      }
    };
    xhr.onerror = reject;
    // 补充请求配置
    xhr.open('GET', '你的请求地址');
    xhr.send();
  });
}

// 用async/await处理异步逻辑
async function processRules() {
  if (!validation()) return;
  try {
    // 等待请求完成，拿到matching_id
    const { matching_id } = await req_m();
    matching_rule(sensor, nameE, cond, newVal); 
    firing_rule(firingType, matching_id, ...);
  } catch (err) {
    console.error('请求或解析出错:', err);
  }
}

// 触发整个流程
processRules();

✅ 优点：从根本上解决了异步变量未赋值的问题，代码可读性和可维护性都很高，是现代JS处理异步的标准方式。

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