javascript - 将对象作为参数传递给js函数时出现"Expected ]"错误

Question

我试图将一个对象作为参数传递给 javascript 函数，如下所示:

    .html('<span class="link" onclick="javascript:ShowEventDetails(' + event + ',' 
    + event.Id + ',' + event.Name + ',' + view + ')">' + event.title 
+ '</span>')

在上面的js中，event和view是jquery日历Full Calendar中的对象，我将其传递给调用js功能。

它抛出一个错误，预期']'。可能有什么问题或者如何传递上面的对象？

在 firebug 中查看时显示“javascript:ShowEditEventDetails([object Object],1,'Name',[object Object])”。

Answer 1

您不能以这种方式传递对象，因为当您连接 span 元素的 HTML 字符串时，+ 运算符的所有操作数都会转换为 toString，包括 event 对象，这就是为什么你会得到 "[object Object]":

'' + {} == "[object Object]"; // an empty object

我建议您以编程方式绑定(bind)点击事件:

// ...
var $span = $('<span class="link">' + event.title + '</span>');
$span.click(function () {
  ShowEventDetails(event, event.Id, event.Name, view);
});

$('#otherElement').append($span);
// ...