将带有双引号和单引号的字符串作为参数传递给javascript函数

问题：

传输字符串，如果存在双引号和单引号，会破坏字符串结构，引发Uncaught SyntaxError: Invalid or unexpected token。

例：

测试"测试系统"测试项目

当该字符串被直接嵌入vm.view()调用时：

vm.view('row.id', '测试"测试系统...') // 错误：双引号未转义

这里的双引号"会提前终止字符串，导致后续内容被解析为无效代码。

解决方案

需对字符串中的特殊字符进行转义处理，建议采用以下两种方式：

1. 使用模板字符串

vm.view(`${row.id}`, `${row.contractName}`)

模板字符串自动处理引号嵌套问题，无需手动转义，但是可能会出现浏览器兼容问题。

2. 手动转义双引号（传统方式）

//转义html $.escapeHTML = function escapeHTML(text) { if (typeof text === 'string') { return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;').replace(/`/g, '&#x60;'); } return text; }; //反转义html $.unescapeHtml = function unescapeHtml(str){ if(!str) return ""; var temp = str; temp = temp.replace(/&amp;/g, "&"); temp = temp.replace(/&lt;/g,"<"); temp = temp.replace(/&gt;/g,">"); temp = temp.replace(/&nbsp;/g," "); temp = temp.replace(/&#39;/g,"\'"); temp = temp.replace(/&quot;/g,"\""); return temp; };

在传输数据之前手动转义：

row.contractName = $.escapeHTML(row.contractName) vm.view(row.id, row.contractName)

传输数据之后，再反转义回来

view: function(id,name) { name = $.unescapeHtml(name); },