如何在JavaScript中从Promise的then获取值并存储XML内容？

嘿，我懂你现在的困扰——异步操作的时序问题总容易让人绕晕！你现在的代码其实已经在then里给全局变量myval赋值了，但核心问题在于异步操作的执行顺序：RNFS.readFile是异步任务，它会在后台悄悄读取文件，而主线程会继续往下走，如果你在then之外立刻去访问myval，大概率会拿到undefined，因为文件还没读完呢。

下面给你两种靠谱的解决方案：

方案1：在Promise链式调用中处理值 #

既然readFile返回Promise，那所有依赖这个文件内容的逻辑，都应该放在then回调里（或者链式调用的后续then中），这样能确保你拿到的是已经读取完成的内容：

var myval; // 全局变量

RNFS.readFile(APPLICATION_HISTORY_DIRECTORY, 'utf8')
  .then((content) => {
    myval = content;
    // 在这里写所有需要用到myval的逻辑，比如用xml2js解析XML
    parseXMLContent(myval);
  })
  .catch((error) => {
    // 千万别忘了处理错误！比如文件不存在、权限问题
    console.error('读取XML文件失败:', error);
  });

// 示例：解析XML的函数
function parseXMLContent(xmlString) {
  // 这里调用xml2js的解析逻辑
  // 比如 xml2js.parseString(xmlString, (err, result) => { ... });
}

方案2：用async/await让代码更简洁（推荐） #

如果你的代码可以放在async函数里，用await等待Promise完成，代码会看起来像同步逻辑一样清晰，也能轻松把值赋值给全局变量：

// 定义一个async函数来处理读取和赋值
async function loadAndStoreXML() {
  try {
    // 等待readFile完成，直接拿到文件内容
    const fileContent = await RNFS.readFile(APPLICATION_HISTORY_DIRECTORY, 'utf8');
    // 赋值给全局变量
    myval = fileContent;
    // 在这里直接处理内容，比如解析XML
    await parseXMLWithXml2js(fileContent);
  } catch (error) {
    console.error('处理XML文件出错:', error);
  }
}

// 调用这个函数启动流程
loadAndStoreXML();

// 示例：用xml2js解析的async版本（如果需要）
async function parseXMLWithXml2js(xmlString) {
  return new Promise((resolve, reject) => {
    xml2js.parseString(xmlString, (err, result) => {
      if (err) reject(err);
      else resolve(result);
      // 这里可以处理解析后的结果
    });
  });
}

关键提醒 #

不管用哪种方式，都要记住：异步操作的结果只能在异步回调（then/await之后）里安全访问。如果你在loadAndStoreXML()调用之后立刻去打印myval，还是可能拿到undefined——因为await只是暂停当前函数，主线程不会被阻塞，外部代码还是会继续执行。

内容的提问来源于stack exchange，提问作者Vojtěch Prchal