javascript - 拆分代码行时出现意外标记 ILLEGAL 错误

Question

我只是在玩 timesheet.js的源代码(参见具体行)并遇到一个小错误，请参见下面的代码行:

            '<span style="margin-left: ' + bubble.getStartOffset() + 'px; width: ' 
            + bubble.getWidth() + 'px; " class="bubble bubble-' + (cur.type || 'default' ) +  '"></span>',

当我生成 HTML 并将其分成两行时，一切正常，但如果我执行以下操作将 HTML 分成 3 行，如下所示:

            '<span style="margin-left: ' + bubble.getStartOffset() + 'px; width: ' 
            + bubble.getWidth() + 'px; " 
            class="bubble bubble-' + (cur.type || 'default' ) +  '"></span>',

我收到以下错误:

Uncaught SyntaxError: Unexpected token ILLEGAL

为什么？为什么当我将代码分成多行时会出现错误？有人能解释一下吗？这是我唯一的问题。

谢谢。

亚历克斯-z。

Answer 1

好吧，呃，您将代码拆分在字符串文字的中间。你不能随心所欲地分割——语言是有规则的。就好像您将它拆分在 getStartOffset 中间，将 getS 放在一行上，将 tartOffset 放在另一行上 - 这完全是错误的。

原始拆分在表达式中 - 请注意第二行如何以 + 开头，并且不是在字符串文字中。

正确的分割应该是这样的:

'<span style="margin-left: ' + bubble.getStartOffset() + 'px; width: ' 
+ bubble.getWidth() + 'px; " class="bubble bubble-' 
+ (cur.type || 'default' ) +  '"></span>',

如果需要在字符串文字的中间进行分割，则需要结束它并附加另一个:

'<span style="margin-left: ' + bubble.getStartOffset() + 'px; width: ' 
+ bubble.getWidth() + 'px; " '
+ 'class="bubble bubble-' + (cur.type || 'default' ) +  '"></span>',