GAS 函数真正结束后如何运行函数？

Question

如何在 myFunc 真正结束后让这个 otherFunc() 运行？

async function func() {
  const res = await (() => new Promise(r => google.script.run.withSuccessHandler((e) => r(myFunc(e))).serverFunc()))();
  console.log(res);
  otherFunc();          //this function still executed before myFunc end, except i use setTimeOut
  console.log("done");
}

这是 myFunc() 内部的内容

function myFunc(){
  var tbody = document.getElementById("table-permintaan");
  var thead = tbody.firstElementChild;
  while (tbody.hasChildNodes())  
    tbody.removeChild(tbody.firstChild);
  tbody.appendChild(thead);
  google.script.run.withSuccessHandler(function(nama){
   dataArray.forEach(function(r){
     justCreatingTableRows();
  }).listNamaBarang();
}
}

这是 otherFunc() 内部的内容

function otherFunc(){
   var btns = document.getElementsByTagName('button');
  var mdls = document.getElementsByClassName("modal_detail");
  var cds = document.getElementsByClassName("close_detail");
  for(var i = 0;i<btns.length-1;i++){
     btns[i].addEventListener("click",function(){
         document.getElementById("mdl"+this.id.slice(3)).style.display = "block";
     });
     mdls[i].style.display = "none";
  }
  for(var i=0;i<cds.length;i++){
     cds[i].addEventListener("click",function(){
        for(var j = 0;j<mdls.length;j++){
        console.log(this.id.slice(3) , mdls[j].id);
        if (this.id.slice(3) == mdls[j].id.slice(3)) {
           mdls[j].style.display = "none";
           return;
        }   
     }
     });
  }
}

使用 promise 并没有让 otherFunc() 在 myFunc() 之后运行，我仍然需要使用 setTimeOut，这对这种情况不利。

Answer 1

当你的脚本被修改时，这个修改怎么样？请认为这只是几个答案之一。

修改点：

• 在您的脚本中，google.script.run 也用于myFunc() 的函数中。 google.script.run 与异步进程一起运行。这样，当func() 运行时，serverFunc()、myFunc(e) 和otherFunc() 按顺序运行，而google.script.run.withSuccessHandler(function(nama){ })).listNamaBarang() 的function(nama) 则按此顺序运行。这样，您的问题中的问题就出现了。 TheMaster's comment 已经提到了这一点。
  • 为了避免这种情况，请将myFunc()修改为func()。

修改后的脚本：

async function myFunc() {
  var tbody = document.getElementById("table-permintaan");
  var thead = tbody.firstElementChild;
  while (tbody.hasChildNodes())  
    tbody.removeChild(tbody.firstChild);
  tbody.appendChild(thead);

  // Below script was modified.
  const res = await (() => new Promise(r => google.script.run.withSuccessHandler(function(nama) {
    dataArray.forEach(function(r){justCreatingTableRows(r)});
    return r("done at myFunc()");
  }).listNamaBarang()))();
  console.log(res) // done at myFunc()
}

• 在这种情况下，我认为其他功能不需要修改。
• 此修改假设声明了dataArray。

参考：

• Class google.script.run

  • google.script.run 是 HTML 服务页面中可用的异步客户端 JavaScript API，可以调用服务器端应用脚本函数。