JavaScript对接Google Apps Script时，函数内全局变量设置失效问题求助

嘿，这个问题我之前也踩过坑！核心原因其实是**google.script.run是异步操作**，代码的执行顺序和你预想的完全不一样。

咱们拆解下你代码的实际执行流程：

1. 声明var newVariable，此时它的初始值是undefined
2. 调用google.script.run.withSuccessHandler(...).function_In_GS_FILE()——这一步只是把请求发送到Google服务器，JavaScript不会等着服务器返回结果，会直接继续执行后面的代码
3. 立刻执行console.log(newVariable)——这时候服务器还没返回数据，success handler函数还没触发，所以自然打印undefined
4. 等服务器处理完请求并返回数据后，才会调用function_In_JS_FILE，给window.newVariable赋值并打印正确的数组

怎么解决？ #

方案1：把依赖变量的逻辑都放在回调里

既然只有success handler触发后变量才有有效数值，那所有需要用到这个变量的代码都得放在回调函数内部，或者从回调里调用外部函数：

var newVariable ; 

function function_In_JS_FILE(return_from_function_In_GS_FILE) {
  window.newVariable = return_from_function_In_GS_FILE ; 
  console.log(newVariable) ; // 此处显示来自.gs文件的数组
  // 把所有需要用newVariable的代码放在这里，或者调用其他依赖它的函数
  processLoadedData();
}

function processLoadedData() {
  console.log(window.newVariable); // 这里就能拿到正确的数组值了
}

google.script.run.withSuccessHandler(function_In_JS_FILE).function_In_GS_FILE();
// 这里的console.log(newVariable)可以改成提示语，不要直接打印变量
console.log("正在加载数据，请稍候...");

方案2：用Promise封装异步调用（更优雅）

如果你习惯用async/await的写法，可以把google.script.run封装成Promise，让代码看起来像同步执行一样：

// 封装google.script.run为Promise对象
function runGSFunction(funcName) {
  return new Promise((resolve, reject) => {
    google.script.run
      .withSuccessHandler(resolve)
      .withFailureHandler(reject)
      [funcName]();
  });
}

// 用async/await语法调用GS函数
async function loadDataFromGS() {
  try {
    window.newVariable = await runGSFunction("function_In_GS_FILE");
    console.log(window.newVariable); // 这里能拿到正确的数组值
    // 所有依赖newVariable的后续逻辑都可以写在这里
  } catch (err) {
    console.error("加载数据失败:", err);
  }
}

// 启动数据加载
loadDataFromGS();

这样就能保证只有当GS函数返回数据后，变量才会被赋值，后续逻辑也能拿到正确的数值啦！

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