javascript - 未捕获的 SyntaxError : Invalid or unexpected token. 引用问题？

Question

这是导致错误的代码。 (错误消息仅引用其第一行。)它没有说明哪个 token 无效或意外。

    tpl: function(data){return '<form class="new_relation" id="new_relation" action="/relations/add_dependency" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="&#x2713;" />
  <input value="3101" type="hidden" name="relation[to_id]" id="relation_to_id" />
  <input value="1" type="hidden" name="relation[graph]" id="relation_graph" />
  <select class="select-article" name="relation[from_id]" id="relation_from_id"></select>
  <input type="submit" name="commit" value="Add a dependency of this article." data-disable-with="Add a dependency of this article." />
</form>';}

Answer 1

您必须转义每个新行或使用反引号。

tpl: function(data){  
      return `<form class="new_relation" id="new_relation" action="/relations/add_dependency" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="&#x2713;" />
      <input value="3101" type="hidden" name="relation[to_id]" id="relation_to_id" />
      <input value="1" type="hidden" name="relation[graph]" id="relation_graph" />
      <select class="select-article" name="relation[from_id]" id="relation_from_id"></select>
      <input type="submit" name="commit" value="Add a dependency of this article." data-disable-with="Add a dependency of this article." />
    </form>`;
}