require.js块内Solr查询数据变量无法外部访问的解决方法

我正在用require.js开发一个基于Solr查询的数据源对象（程序里叫data变量），目标是把这个data传给我开发的API，所以需要让它能在require.js块外部访问，但现在做不到。我试了用data1和data2两个临时变量传值，但还是没法在require.js块或者function(response)外部访问它们。

我的JS代码如下：

var data2 = null;

require(['jquery'], function($) {
  var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get');
  var data1 = null;
  $.post(solrServiceURL, {
    outputSyntax: 'plain',
    nb: 100,
    media: 'json',
    query: [
      'q=*:*',
      'q.op=AND',
      'fq=type:DOCUMENT',
      'fl=reference'
    ].join('\n'),
    input: " "
  }, function(response) {
    data1 = response;
    data2 = data1;
    console.log("This is data1 but inside the function of require block:", data1); // 这里没有错误
  });
});


console.log("This is the array of data1 outside any function:", data1); // 报错
console.log("This is the array of data2 outside any function:", data2); // 报错

遇到的错误：

Uncaught ReferenceError: data1 is not defined

编辑： 按照建议把两个变量全局声明后，控制台里变量值还是null，输出如下：

This is the array of data1 outside any function: null
This is the array of data2 outside any function: null

修改后的代码片段：

var data2 = null;
var data1 = null;

回调函数部分：

function(response) {
    data1 = response;
    data2 = data1;
}

核心问题说明 #

你当前的问题本质是异步执行顺序，而非单纯的变量作用域：$.post是异步HTTP请求，外部的console.log会在请求完成前就执行，所以拿到的是初始的null；同时之前的data1在require块内部声明，属于局部变量，外部自然无法访问。

方案一：直接在异步回调中调用API（最规范） #

异步请求完成后才能拿到有效数据，直接在回调里处理并传递给API：

// 全局声明变量（可选，也可直接在回调里传值）
var solrData = null;

require(['jquery'], function($) {
  var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get');
  
  $.post(solrServiceURL, {
    outputSyntax: 'plain',
    nb: 100,
    media: 'json',
    query: [
      'q=*:*',
      'q.op=AND',
      'fq=type:DOCUMENT',
      'fl=reference'
    ].join('\n'),
    input: " "
  }, function(response) {
    solrData = response;
    // 直接调用你的API，传入数据
    yourCustomAPI(solrData);
    console.log("数据已获取并传给API:", solrData);
  });
});

// 你的自定义API示例
function yourCustomAPI(dataSource) {
  // 这里写处理数据源的逻辑
}

方案二：用Promise封装请求（更优雅，适合复用） #

如果需要在多个地方使用Solr数据，用Promise封装请求，方便后续链式调用：

// 封装Solr请求为Promise
function fetchSolrData() {
  return new Promise((resolve, reject) => {
    require(['jquery'], function($) {
      var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get');
      
      $.post(solrServiceURL, {
        outputSyntax: 'plain',
        nb: 100,
        media: 'json',
        query: [
          'q=*:*',
          'q.op=AND',
          'fq=type:DOCUMENT',
          'fl=reference'
        ].join('\n'),
        input: " "
      }, function(response) {
        resolve(response);
      }).fail(function(error) {
        reject(error);
      });
    });
  });
}

// 调用Promise并传递数据给API
fetchSolrData().then(data => {
  yourCustomAPI(data);
  console.log("数据已获取:", data);
}).catch(error => {
  console.error("Solr请求失败:", error);
});

// 你的自定义API
function yourCustomAPI(dataSource) {
  // 逻辑处理
}

方案三：全局变量+事件监听（应急方案，不推荐） #

如果必须依赖全局变量，可通过自定义事件通知外部数据已更新：

// 全局变量
var solrData = null;

require(['jquery'], function($) {
  var solrServiceURL = new XWiki.Document('SuggestSolrService', 'XWiki').getURL('get');
  
  $.post(solrServiceURL, {
    outputSyntax: 'plain',
    nb: 100,
    media: 'json',
    query: [
      'q=*:*',
      'q.op=AND',
      'fq=type:DOCUMENT',
      'fl=reference'
    ].join('\n'),
    input: " "
  }, function(response) {
    solrData = response;
    // 触发自定义事件，通知外部数据就绪
    $(document).trigger('solrDataReady', [solrData]);
  });
});

// 监听数据就绪事件
$(document).on('solrDataReady', function(event, data) {
  yourCustomAPI(data);
  console.log("外部拿到Solr数据:", data);
});

// 你的自定义API
function yourCustomAPI(dataSource) {
  // 逻辑处理
}

为什么之前的修改无效？ #

你把变量全局声明后，外部的console.log依然先执行——因为$.post是异步操作，请求还未完成时变量仍为初始的null。必须等异步回调触发、数据赋值完成后，才能访问到有效数据。

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