javascript - html文件中未捕获到的SyntaxError，但没有可识别的语法错误

Question

收到语法错误，但我看不出错误在哪里。

错误是:Uncaught SyntaxError: missing ) after argument list
我尝试引用的actions[i].command变量是字符串ex。 update:now。它对应于rpc事件发射器。如果我将变量替换为字符串，它将按预期工作。

这是代码片段:

const actions = message.actions;
  for (let i = 0; i < actions.length; i++) {
    notiActions.innerHTML += `<a style="padding-left: 10px;" onclick="Emitter.send(${actions[i].command})">${actions[i].label}</a>`;
  }

我会注意到，我通常不喜欢在javascript中使用html，反之亦然。

Answer 1

问题是您的“命令”字符串将被插入事件处理程序的JavaScript代码中，而没有任何引号字符:

notiActions.innerHTML += `<a style="padding-left: 10px;" onclick="Emitter.send('${actions[i].command}')">${actions[i].label}</a>`;

就像其他人所说的那样，用JavaScript构建HTML从来都不是一件漂亮的事情，它提供了各种滋生bug的栖息地。