chrome.storage.local.set使用变量键名

Question

在Google Chrome扩展程序中,我想使用chrome.storage.local(而不是localStorage),因为:

1. 使用键值对,值可以是任何对象(而不是字符串)
2. 使用setter对数据模型的更改storage.set可以触发事件侦听器

使用storage.set,我如何拥有变量键名？

注意:如果我不使用setter,我可以这样做storage[v1],但对对象的更改不会触发事件监听器.

var storage = chrome.storage.local;
var v1 = 'k1';

storage.set({v1:'s1'});

storage.get(v1,function(result){
    console.log(v1,result);
    //console output = k1 {}
});
storage.get('v1',function(result){
    console.log(result);
    //console output = {v1:'s1'}
});

Answer 1

这是你在哪里寻找的？

var storage = chrome.storage.local;

var v1 = 'k1';

var obj= {};

obj[v1] = 's1';

storage.set(obj);

storage.get(v1,function(result){
  console.log(v1,result);
  //console output = k1 {v1:'s1'}
});

storage.get('v1',function(result){
  console.log(result);
  //console output = {v1:'s1'}
})

Answer 2

这是2016年,Chrome(以及Firefox和Edge - 每个人都使用Chrome扩展模型)支持ES6 计算属性名称.

有了它,任务变得更简单:

var storage = chrome.storage.local;
var v1 = 'k1';

storage.set({
  [v1]: 's1' // Will evaluate v1 as property name
});

storage.get(v1, function(result) {
    console.log(v1, result);
});