JavaScript中onClick传递对象参数出现错误：uncaught SyntaxError:Unexpected identifier

JavaScript中onClick传递对象参数出现错误：uncaught SyntaxError:Unexpected identifier

在使用EasyUI的datagrid（数据表格），给特定的单元格onClick事件，点击单元格获取该单元格所在行的数据时会报Sncaught SyntaxError: Unexpected identifier错误。

经过排查，onclick（对象）这种传递对象形式里面的对象会变成onclick（[object Object]）

为什么会出现 onClick([object object])

出现这种情况，就是我们渲染 Dom 节点的时候，是用的字符串拼接形式。所以，对于 onclick 事件中的参数，我们也因该转化成字符串的形式进行拼接。如果传入一个 js 自定义对象，那渲染后的页面上的 dom 就会出现 onClick([object object]) 这种形式。

问题解决思路

将传递的对象参数转化为json字符串，需要的时候再将json字符串的双引号转换成单引号就可以

问题解决方法

用JSON.stringify().replace(/""/g,"’")方法将对象转化成JSON字符串传递，函数接收后会变成对象

问题解决过程

JSON.stringify()将对象转化成JSON字符串；.replace(/""/g,"’")将JSON字符串中的双引号转化成单引号，不然会报Unexpected end of input错误（这个错误是由于带的json字符串。它的双引号与onclick控件的双引号冲突了）

传递对象参数代码

formatter: function(value, row, index) {
	var rowData = JSON.stringify(row).replace(/"\"/g,"'")
	var str = "<a onclick='clickCell(" + rowData + ")'>" + value + '</a>';
	return str;
}

接收对象参数代码

function clickCell(rowData) {
	if (rowData) {
		console.log(
			'项目名称：' +
				rowData.name +
				'项目编号：' +
				rowData.code +
				'起止时间：' +
				rowData.planEndTime +
				'项目经理：' +
				rowData.managerInfo +
				'项目成员：' +
				rowData.members
		);
	}
}