JavaScript报错：Uncaught SyntaxError: Unexpected end of input(at test.html:1:16)

1、问题概述？

在JavaScript开发中，时长会出现如下bug:

翻译：输出意外结束

2、问题分析及解决办法

2.1、常见原因1：符号未成对出现，丢失符号开始或结束

出现这种问题，通常都是因为符号没有成对出现，而造成的解析问题，如常见符号

1、'' 单引号未成对。

2、"" 双引号未成对。

3、{} 大括号未成对。

4、[] 中括号未成对。

2.2、常见原因2：常出现在字符串和html拼接中

在实际的开发中我们时长需要通过拼接的方式动态的生成html元素，如下代码：

【错误写法：但是语法理论上是正确的】

如下代码实现拼接一个a标签，通过jquery注入到div1标签中。

同时为a标签加入一个点击操作，触发test函数，但是这个会报错

Uncaught SyntaxError: Unexpected end of input

var result="";

var param="测试参数";

result = result + "<a href='javascript:void(0)' οnclick='test('"+param+"')'>点击触发test函数</a>"

$("#div1").html(result);

【正确写法】

需要将test函数外的''单引号去除，就能够成功去除。

注意点：test函数括号内的''不能去除，语法要求传值格式：test('传值')

var result="";

var param="测试参数";

result = result + "<a href='javascript:void(0)' οnclick=test('"+param+"')>点击触发test函数</a>"

$("#div1").html(result);

如果对你有帮助，欢迎给个关注和点赞。