如何在Google Apps Script执行函数中传递按钮ID参数？

开发Google Apps Script插件时，插件包含大量按钮，希望将按钮ID作为变量传递给触发执行的函数。已在code.gs中编写execFunction函数避免重复调用google.script.run，该函数在无btnID参数时运行正常，但无法将参数正确传递给最终函数，需要实现根据点击按钮的ID进行if/else分支判断。

相关代码 #

index.html #

<button id='freezerButton' class="btn btn-primary" onclick="execFunction('myFunction', this.id)">FREEZER</button>

<script>
    function execFunction(functionName, btnID) {
      google.script.run[functionName](btnID);
    }
</script>

code.gs #

function myFunction(btnID) {

  if (btnID == freezerButton) {
    Logger.log('From freezerButton')
  }

}

核心问题是code.gs中判断条件里的freezerButton未加引号，它被当作未定义的变量而非字符串处理，导致判断逻辑失效。只需修改判断条件，将freezerButton改为字符串形式即可：

function myFunction(btnID) {
  if (btnID == 'freezerButton') { // 给按钮ID添加单引号，作为字符串匹配
    Logger.log('From freezerButton')
  }
}

如果后续有多个按钮需要分支判断，使用switch语句会比连续的if/else更清晰易维护：

function myFunction(btnID) {
  switch(btnID) {
    case 'freezerButton':
      Logger.log('From freezerButton');
      // 执行冷冻柜相关逻辑
      break;
    case 'fridgeButton':
      Logger.log('From fridgeButton');
      // 执行冰箱相关逻辑
      break;
    // 扩展其他按钮分支
    default:
      Logger.log('未知按钮触发');
  }
}

另外，也可以优化前端事件绑定方式，避免在HTML标签中写onclick属性，让代码结构更整洁：

<button id='freezerButton' class="btn btn-primary">FREEZER</button>
<button id='fridgeButton' class="btn btn-primary">FRIDGE</button>

<script>
  // 批量给按钮绑定点击事件
  document.querySelectorAll('.btn-primary').forEach(btn => {
    btn.addEventListener('click', function() {
      google.script.run.myFunction(this.id);
    });
  });
</script>

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