使用模板文字动态创建 localStorage 密钥时出现问题

Question

我正在尝试使用使用模板文字创建的键将值保存到 localStorage，以从现有字符串和变量创建新字符串作为键，并连接字符串和数字作为值。

在控制台中，字符串似乎针对本地存储进行了正确格式化，但是当运行时它会产生错误“ 类型错误：无法在 'Storage' 上执行 'setItem'：需要 2 个参数，但只有 1 个存在。"

*下面的代码片段引发了一个沙箱错误，而不是我在本地环境中收到的错误。谁能指出我做错了什么？

var tm="Charlotte Knights";
var cl ="AA";
var yr = 2019;

console.log(`"my${cl}", "${tm}_${yr}"`)
localStorage.setItem(`"my${cl}", "${tm}_${yr}"`)

Answer 1

localStorage.setItem(`"my${cl}", "${tm}_${yr}"`) 将 one 字符串传递给 setItem 函数。要传递两个，您需要在逗号之前结束模板文字，然后在逗号之后开始另一个：

localStorage.setItem(`my${cl}`, `${tm}_${yr}`)
// --------------------------^--^

同时删除模板中的 "，除非您想要键和值中的实际 " 个字符。

Problem creating localStorage key dynamically using template literals