带有反勾号的 JavaScript 模板文字不起作用 更新：演示：

如何解决带有反勾号的 JavaScript 模板文字不起作用 更新：演示：

我使用函数在运行时通过传递函数名称字符串和对象作为参数来创建函数。这个动态函数然后被设置为由按钮的 onclick 事件处理程序调用：

function createDynamicFunction(dynamicFunctionName,dynamicFunctionParameter) {
 document.getElementById("dynamicButton").setAttribute("onclick",`${dynamicFunctionName}(${dynamicParameter})`)})`;
}

DOM .setAttribute 函数需要一个字符串，因此“to string”函数仍在对象上调用；这导致数据类型名称作为字符串而不是对象本身传递。

dynamicFunction([object Object])

我该怎么做才能让对象本身通过？

为清晰起见进行了编辑

解决方法

这是调用返回字符串的函数的方式（如果返回值不是string，则它将被转换为字符串）：

`${dynamicFunction(dynamicParameter)}`

---

更新：

这将正确设置 onclick 属性：

let dynamicFunction = "foo"
let dynamicParameter = {a: 1,b: 2}

document.getElementById("id").setAttribute(
  "onclick",`${dynamicFunction}(dynamicParameter)`
)

// OR

let dynamicParameterName = "dynamicParameter"

document.getElementById("id").setAttribute(
  "onclick",`${dynamicFunction}(${dynamicParameterName})`
)

演示：

let dynamicFunction = "foo"
let dynamicParameter = {
  a: 1,b: 2
}
let dynamicParameterName = "dynamicParameter"

function foo(obj) {
  console.log(obj.a,obj.b)
  console.log("correct",`${dynamicFunction}(${dynamicParameterName})`)
}

document.getElementById("id").setAttribute(
  "onclick",`${dynamicFunction}(${dynamicParameterName})`
)

<div id="id">Click</div>

,

dynimcParameter 是一个对象，当您尝试将其转换为字符串时，它会调用该对象的 toString 方法，从而生成 [object Object]。

我建议您改用 addEventListener。

document.getElementById("dynamicButton").addEventListener('click',() => dynamicFunction(dynimcParameter))