javascript - javascript对象声明中的反引号

Question

编辑

我的问题与重复问题不同，因为我不是在问为什么有些东西有效而有些东西无效，我是在问如何做某事。虽然两个问题的答案相同并不意味着它们是相同的。

---

我正在尝试使用以下函数为 Google Chrome 扩展程序创建一个对象:

     function set(key, value) {
          chrome.storage.local.set({`${key}`:value}, function() {
          console.log('Value is set to ' + value);
        });
    }

出于某种原因，这不起作用。

我已经尝试过的一些事情如下所示:

function set(key, value) {
          chrome.storage.local.set({[`${key}`]=value, function() {
          console.log('Value is set to ' + value);
        });
    }
function set(key, value) {
          chrome.storage.local.set({key:value}, function() {
          console.log('Value is set to ' + value);
        });
    }
function set(key, value) {
          chrome.storage.local.set({"'"+key+"'":value}, function() {
          console.log('Value is set to ' + value);
        });
    }

这些似乎都不起作用。

我希望能够使用函数将任何键设置为 chrome 扩展本地内存中的任何值。

预期代码:

set('testKey', 'testValue')

预期输出:

Value is set to testValue

实际输出:

Uncaught SyntaxError: Unexpected template string

Answer 1

您甚至不需要模板语法。只需使用方括号表示法:

function set(key, value) {
    chrome.storage.local.set({ [key]: value }, function() {
        console.log('Value is set to ' + value);
    });
}