通过 .js 中的嵌套函数向上传递数据

Question

编码初学者在这里。我有一个 page-js 脚本，当下拉列表更改时，它会触发函数 getDrawNumOne，该函数又运行一个函数并从 GoogleSheet 中检索两条数据（drawNumReturnOne[0] 和 [1]）。我想将返回的 drawNumReturnOne[1] 通过 getDrawOneNum 传递，然后传递到 doStuff 中以供使用 - 但由于我无法调用其函数范围之外的变量，所以我正在努力如何以巧妙的方式执行此操作。我是否需要通过函数堆栈多次返回，还是有其他更好的方法？所有的建议都感激地接受，谢谢。

document.getElementById("btn").addEventListener("click",doStuff);
document.getElementById("m_p1").addEventListener("onchange",getDrawNumOne);
   
function doStuff(){    
   var userInfo ={};
   userInfo.m_p1 = document.getElementById("m_p1").value;
   userInfo.m_s1 = ######;
   google.script.run.userClicked(userInfo);
    
   }
   
function getDrawNumOne(){
var drawNumOne = document.getElementById("m_p1").value;
   google.script.run.withSuccessHandler(updateDrawNumOne).getDrawNo(drawNumOne); 
   
}
function updateDrawNumOne(drawNumReturnOne){
   document.getElementById("draw1").value = drawNumReturnOne[0];
   ###### = drawNumReturnOne[1];
}

Answer 1

根据您的情况，作为一种简单的方法，以下修改如何？

修改脚本：

let sample = ""; // Added

document.getElementById("btn").addEventListener("click", doStuff);
document.getElementById("m_p1").addEventListener("change", getDrawNumOne); // Modified

function doStuff() {
  var userInfo = {};
  userInfo.m_p1 = document.getElementById("m_p1").value;
  userInfo.m_s1 = sample; // Modified
  google.script.run.userClicked(userInfo);
}

function getDrawNumOne() {
  var drawNumOne = document.getElementById("m_p1").value;
  google.script.run.withSuccessHandler(updateDrawNumOne).getDrawNo(drawNumOne);
}

function updateDrawNumOne(drawNumReturnOne) {
  document.getElementById("draw1").value = drawNumReturnOne[0];
  sample = drawNumReturnOne[1]; // Modified
}

• 作为另一个修改点，我认为在你的脚本中，document.getElementById("m_p1").addEventListener("onchange",getDrawNumOne);的onchange是改变。但是，如果您的情况可以用作 onchange，请使用它。