syntaxerror:预期的表达,有“<”

阅读时长 2 分钟读完

当在前端开发中遇到 "SyntaxError: expected expression, got '<'" 的错误时,通常是由于 JavaScript 代码中包含了 HTML 代码或者其他非法字符导致的。

错误原因

在 JavaScript 中,"<" 被视为一个操作符而不是一个普通的字符。当解析器在遇到 "<" 时,会认为它后面应该跟着一个标签或者运算符等表达式。但如果下一个字符不是符合表达式语法的,就会产生语法错误。

举个例子:

上述代码会产生如下错误:

这是因为在字符串中,"<" 不是一个有效的运算符或标识符。

解决方法

解决此问题的方法很简单:将包含 "<" 的代码用引号括起来即可。例如:

这样就可以正确输出字符串了。

如果代码中包含较多的 HTML 内容,也可以使用模板字符串:

总结

避免在 JavaScript 代码中包含非法字符是一个良好的编程习惯。当出现 "SyntaxError: expected expression, got '<'" 错误时,可以通过将包含 "<" 的代码用引号括起来或使用模板字符串来解决。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/24940

纠错
反馈