参数与 ' 之间有什么区别？ '和参数不带 ' '在模板文字 (js) 中

Question

JavaScript 中的模板文字中带引号的参数和不带引号的参数有什么区别

为什么当我把引号放在>>时？ ('${key}') 它的功能是>> fun('${key}') 而当我删除引用时 >> (${key}) 它不执行函数>>乐趣（${键}） 使用 JavaScript 的模板文字中带引号的参数和不带引号的参数有什么区别

for ( let key in states) { 
console.log(key);
var n =states[key].name;
var cur = states[key].currency;
console.log()

con.innerHTML += `<div> <span>name : "  ${n}
     " </span> <br> <span>cur : "  ${cur}
     " </span> </div><br> <span>cur : "  ${key}
     " </span>  <button onclick= fun('${key}')> select </button><hr> `
}

function fun(o) { 
alert(states[o].name);
alert(states[o].currency);
}

上面的代码运行函数>>有趣（'${key}'）

for (let key in states) {
  console.log(key);
  var n = states[key].name;
  var cur = states[key].currency;
  console.log()

  con.innerHTML += `<div> <span>name : "  ${n}
         " </span> <br> <span>cur : "  ${cur}
         " </span> </div><br> <span>cur : "  ${key}
         " </span>  <button onclick= fun(${key})> select </button><hr> `
}

function fun(o) {
  alert(states[o].name);
  alert(states[o].currency);
}

Answer 1

它只是在最终字符串中添加 ' 。

这在您的示例中有效，但当您省略它们时却不起作用，因为您正在使用它在 HTML 处理程序内生成 js 代码。

您的键是字符串，因此在 js 中，它们需要括在 ' 或 " 中。当您省略它们时，它们将被视为变量，并且很可能您没有具有该名称的变量（或常量）。